chore: UI adjustment, add translation, fix CI

src/assets/styles/layout.scss

@@ -10,7 +10,7 @@
     height: 100%;
     max-width: 225px;
     min-width: 125px;
-    padding: 36px 0 28px;
+    padding: 16px 0 8px;
     position: relative;
     flex-direction: column;
     box-sizing: border-box;
@@ -90,8 +90,8 @@
       position: absolute;
       top: 0;
       left: 0;
-      right: 28px;
-      bottom: 28px;
+      right: 2px;
+      bottom: 10px;
     }
   }
 }

src/assets/styles/page.scss

@@ -6,7 +6,7 @@
 
   > header {
     flex: 0 0 58px;
-    width: 100%;
+    width: 95%;
     // max-width: 850px;
     margin: 0 auto;
     padding-right: 4px;
@@ -16,38 +16,32 @@
     justify-content: space-between;
   }
 
-  .base-container {
+  > section {
+    position: relative;
+    flex: 1 1 100%;
+    width: 100%;
     height: 100%;
-    overflow: hidden;
-    border-radius: var(--border-radius);
+    overflow: auto;
+    padding: 8px 0;
+    box-sizing: border-box;
+    scrollbar-gutter: stable;
+    // background-color: var(--background-color);
 
-    > section {
-      position: relative;
-      flex: 1 1 100%;
-      width: 100%;
-      height: 100%;
-      overflow: auto;
-      padding: 28px 0;
-      box-sizing: border-box;
-      scrollbar-gutter: stable;
-      background-color: var(--background-color);
+    .base-content {
+      width: 95%;
+      // max-width: 850px;
+      margin: 0 auto;
+      animation: baseContentIn 0.3s normal 1 forwards;
 
-      .base-content {
-        width: 90%;
-        // max-width: 850px;
-        margin: 0 auto;
-        animation: baseContentIn 0.3s normal 1 forwards;
+      @keyframes baseContentIn {
+        0% {
+          opacity: 0;
+          transform: translateY(50%) scale(0.9);
+        }
 
-        @keyframes baseContentIn {
-          0% {
-            opacity: 0;
-            transform: translateY(50%) scale(0.9);
-          }
-
-          100% {
-            opacity: 1;
-            transform: translateY(0) scale(1);
-          }
+        100% {
+          opacity: 1;
+          transform: translateY(0) scale(1);
         }
       }
     }