Prechádzať zdrojové kódy

fix: card title style

hi-cactus! 3 rokov pred
rodič
commit
20026d586b

+ 17 - 5
app/containers/DataManagerOverview/index.less

@@ -11,6 +11,7 @@
     margin-top: 20px;
     flex: 1;
     display: flex;
+
     > div {
       flex: 1;
       background-color: #fff;
@@ -22,17 +23,21 @@
       transition: all .2s ease;
 
       &:hover {
-        box-shadow: 0 3px 8px -3px rgba(0,0,0,0.1);
+        box-shadow: 0 3px 8px -3px rgba(0, 0, 0, 0.1);
       }
+
       &:last-child {
         margin-right: 0;
       }
-      &>div:last-child {
+
+      & > div:last-child {
         flex: 1;
       }
+
       .chart-title {
         font-size: 16px;
       }
+
       .chart-desc {
         font-size: 12px;
         opacity: .8;
@@ -44,6 +49,7 @@
     display: flex;
     width: 100%;
     justify-content: space-between;
+
     .item {
       background-color: #fff;
       height: 120px;
@@ -56,22 +62,28 @@
       background-size: cover;
       border-radius: 6px;
       transition: all .2s ease;
+
       &:hover {
-        box-shadow: 0 3px 8px -3px rgba(0,0,0,0.1);
+        box-shadow: 0 3px 8px -3px rgba(0, 0, 0, 0.1);
       }
+
       &:last-child {
         margin-right: 0;
       }
+
       .title {
-        font-size: 16px;
+        font-size: 18px;
         padding-bottom: 10px;
+        color: rgba(0, 0, 0, .4);
       }
+
       .num {
-        font-size: 30px  ;
+        font-size: 30px;
         font-weight: bold;
         color: #fff;
         padding-right: 8px;
       }
+
       img {
         position: absolute;
         right: 20px;