From 63d214e45a3f4738ad035728f25d34ecaa9e8ea7 Mon Sep 17 00:00:00 2001
From: zuiidea <zuiiidea@gmail.com>
Date: Sat, 3 Dec 2016 22:38:07 +0800
Subject: [PATCH] light theme

---
 src/components/layout/main.less | 11 ++++++++++-
 src/routes/app.js               |  2 +-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/main.less b/src/components/layout/main.less
index dbcc1a1..0584580 100644
--- a/src/components/layout/main.less
+++ b/src/components/layout/main.less
@@ -55,6 +55,15 @@
     padding-bottom: 24px;
     height: 100vh;
     transition: @transition-ease-out;
+    box-shadow: @shadow-1;
+
+    &.light{
+      background: #fff;
+      .switchtheme{
+        background: #fff;
+        border-top: solid 1px #f8f8f8;
+      }
+    }
 
     .logo {
       text-align: center;
@@ -86,7 +95,7 @@
       width: 100%;
       position: absolute;
       bottom: 0;
-      height: 42px;
+      height: 48px;
       background-color: @dark-half;
       display: flex;
       justify-content: space-between;
diff --git a/src/routes/app.js b/src/routes/app.js
index dd79697..a0edefc 100644
--- a/src/routes/app.js
+++ b/src/routes/app.js
@@ -43,7 +43,7 @@ function App({children, location, dispatch, app}) {
   return (
     <div>{login
         ? <div className={classnames(styles.layout,{[styles.fold]:siderFold})}>
-            <aside className={styles.sider}>
+            <aside  className={classnames(styles.sider,{[styles.light]:!darkTheme})}>
               <Sider {...siderProps}/>
             </aside>
             <div className={styles.main}>