opti: 布局调整

client/components/ProjectCard/ProjectCard.scss

@@ -89,45 +89,34 @@
 
 }
 
-// .card-panel-s {
-//   .m-card {
-//     .ant-card-body {
-//       padding-top: .6rem;
-//     }
-//     .ui-logo {
-//       width: .6rem;
-//       height: .6rem;
-//       line-height: .6rem;
-//       transform: translate(-50%, -20%);
-//       font-size: .24rem;
-//       background-color: #2395f1;
-//     }
-//   }
-// }
 @media (max-width: 768px) {
   .m-card {
-    .ant-card-body {
-      padding-top: .24rem + .16rem + .6rem;
-    }
     .ui-logo {
       width: .6rem;
       height: .6rem;
       line-height: .6rem;
       font-size: .3rem;
+      transform: translate(-50%, 0.08rem);
+    }
+    .ant-card-body {
+      padding-top: .08rem + .08rem + .6rem;
+      padding-bottom: .08rem;
     }
   }
 }
 
 @media (min-width: 768px) and (max-width: 992px) {
   .m-card {
-    .ant-card-body {
-      padding-top: .24rem + .16rem + .8rem;
-    }
     .ui-logo {
       width: .8rem;
       height: .8rem;
       line-height: .8rem;
       font-size: .4rem;
+      transform: translate(-50%, 0.16rem);
+    }
+    .ant-card-body {
+      padding-top: .16rem + .16rem + .8rem;
+      padding-bottom: .16rem;
     }
   }
 }

client/containers/Follows/Follows.scss

@@ -1,7 +1,13 @@
 @import '../../styles/common.scss';
+@import '../../styles/mixin.scss';
 
 
 .follow-box{
     padding: 24px;
     background-color: #fff;
 }
+
+.card-panel {
+  border-radius: 4px;
+  box-shadow: $box-shadow-panel;
+}

client/containers/Group/MemberList/MemberList.scss

@@ -1,9 +1,17 @@
+@import '../../../styles/mixin.scss';
+
 .m-panel{
   background-color: #fff;
   padding: 24px;
   box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
   border-radius: 4px;
+  min-height: 4.68rem;
   margin-top: 0;
+  box-shadow: $box-shadow-panel;
+}
+
+.m-tab {
+  overflow: inherit !important;
 }
 
 .btn-container {

client/containers/Group/ProjectList/ProjectList.scss

@@ -8,6 +8,7 @@
   padding: 24px;
   box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
   border-radius: 4px;
+  min-height: 4.68rem;
   margin-top: 0;
 }
 

client/containers/Project/Setting/Setting.scss

@@ -35,14 +35,14 @@
   border-radius: 2px;
   .ant-card-head {
     background-color: #eee;
-      padding: 0 .08rem !important;
+    padding: 0 .08rem !important;
   }
   .ant-card-head-title {
     font-size: .12rem;
     float: inherit;
   }
   .ant-card-body {
-    padding: 0;
+    padding: 0 !important;
   }
   .card-item {
     padding: .1rem .15rem;

client/styles/mixin.scss

@@ -4,7 +4,8 @@ $color-blue : #108ee9;
 $color-blue-deeper: #34495E;
 $color-grey-deep : #929aac;
 $color-black-light : #404040;
-$color-bg-dark: #202d3a;            // 背景色 - 深蓝
+$color-bg-dark: #202d3a;            // 背景色 - header 用的深蓝色
+$box-shadow-panel: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
 
 @mixin row-width-limit {
   max-width: 12.2rem;