refactor: mobile style optimization

Author: fecommunity

client/src/components/ArticleList/index.module.scss

@@ -3,6 +3,7 @@
   border-radius: var(--border-radius);
   box-shadow: var(--box-shadow);
   margin-top: 1rem;
+  
 }
 
 .articleItem {
@@ -53,6 +54,12 @@
     }
   }
 
+  @media (max-width: 992px) {
+    .coverWrapper {
+      width: 180px;
+    }
+  }
+
   .badge {
     position: absolute;
     top: 20px;
@@ -100,7 +107,7 @@
 
   header {
     display: flex;
-    align-items: center;
+    align-items: flex-start;
 
     .title {
       overflow: hidden;

client/src/components/Header/index.module.scss

@@ -244,7 +244,7 @@ $height: 64px;
     }
 
     .menu {
-      width: calc(100% - 124px);
+      width: calc(100% - 130px);
     }
   }
 }