From 5b24b0e3ff8ce2bf0a30587322847007c30b620f Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 31 Aug 2018 12:15:50 +0800
Subject: [PATCH] Move style to Exception css

---
 src/components/Authorized/Secured.js | 2 +-
 src/components/Exception/index.less  | 3 ++-
 src/pages/404.js                     | 2 +-
 src/pages/Authorized.js              | 1 -
 src/pages/Exception/403.js           | 1 -
 src/pages/Exception/404.js           | 1 -
 src/pages/Exception/500.js           | 1 -
 7 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/components/Authorized/Secured.js b/src/components/Authorized/Secured.js
index 70546813..5580af64 100644
--- a/src/components/Authorized/Secured.js
+++ b/src/components/Authorized/Secured.js
@@ -5,7 +5,7 @@ import CheckPermissions from './CheckPermissions';
  * 默认不能访问任何页面
  * default is "NULL"
  */
-const Exception403 = () => <Exception type="403" style={{ minHeight: 500, height: '80%' }} />;
+const Exception403 = () => <Exception type="403" />;
 
 // Determine whether the incoming component has been instantiated
 // AuthorizedRoute is already instantiated
diff --git a/src/components/Exception/index.less b/src/components/Exception/index.less
index 5ef378be..b55fe3a9 100644
--- a/src/components/Exception/index.less
+++ b/src/components/Exception/index.less
@@ -3,7 +3,8 @@
 .exception {
   display: flex;
   align-items: center;
-  height: 100%;
+  height: 80%;
+  min-height: 500px;
 
   .imgBlock {
     flex: 0 0 62.5%;
diff --git a/src/pages/404.js b/src/pages/404.js
index dd01d4b1..c0004ba0 100644
--- a/src/pages/404.js
+++ b/src/pages/404.js
@@ -3,5 +3,5 @@ import Link from 'umi/link';
 import Exception from '@/components/Exception';
 
 export default () => (
-  <Exception type="404" style={{ minHeight: 500, height: '80%' }} linkElement={Link} />
+  <Exception type="404" linkElement={Link} />
 );
diff --git a/src/pages/Authorized.js b/src/pages/Authorized.js
index 0b0d6b1b..ca61c466 100644
--- a/src/pages/Authorized.js
+++ b/src/pages/Authorized.js
@@ -22,7 +22,6 @@ export default ({ children, route, location }) => {
     <Exception
       type="403"
       desc={formatMessage({ id: 'app.exception.description.403' }, {})}
-      style={{ minHeight: 500, height: '80%' }}
       linkElement={Link}
       backText={formatMessage({ id: 'app.exception.back' })}
     />
diff --git a/src/pages/Exception/403.js b/src/pages/Exception/403.js
index ab0341aa..30c49d44 100644
--- a/src/pages/Exception/403.js
+++ b/src/pages/Exception/403.js
@@ -7,7 +7,6 @@ const Exception403 = () => (
   <Exception
     type="403"
     desc={formatMessage({ id: 'app.exception.description.403' }, {})}
-    style={{ minHeight: 500, height: '80%' }}
     linkElement={Link}
     backText={formatMessage({ id: 'app.exception.back' })}
   />
diff --git a/src/pages/Exception/404.js b/src/pages/Exception/404.js
index 50d5bd9b..edba5f90 100644
--- a/src/pages/Exception/404.js
+++ b/src/pages/Exception/404.js
@@ -7,7 +7,6 @@ const Exception404 = () => (
   <Exception
     type="404"
     desc={formatMessage({ id: 'app.exception.description.404' }, {})}
-    style={{ minHeight: 500, height: '80%' }}
     linkElement={Link}
     backText={formatMessage({ id: 'app.exception.back' })}
   />
diff --git a/src/pages/Exception/500.js b/src/pages/Exception/500.js
index 640f7a93..15e66a85 100644
--- a/src/pages/Exception/500.js
+++ b/src/pages/Exception/500.js
@@ -7,7 +7,6 @@ const Exception500 = () => (
   <Exception
     type="500"
     desc={formatMessage({ id: 'app.exception.description.500' }, {})}
-    style={{ minHeight: 500, height: '80%' }}
     linkElement={Link}
     backText={formatMessage({ id: 'app.exception.back' })}
   />
-- 
GitLab