feat: v4.44.1

surmon-china · Sep 7, 2024 · 6e5c3c1 · 6e5c3c1
1 parent fe435b4
commit 6e5c3c1
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 26 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "surmon.me",
-  "version": "4.44.0",
+  "version": "4.44.1",
   "description": "Surmon.me blog",
   "author": "Surmon",
   "license": "MIT",

diff --git a/src/pages/about/mobile/index.vue b/src/pages/about/mobile/index.vue
@@ -172,7 +172,7 @@
         height: 3em;
         display: flex;
         align-items: center;
-        padding: 0 1em;
+        padding-left: 1em;
         border-radius: $radius-sm;
         background-color: $module-bg;
         font-weight: bold;

diff --git a/src/pages/answers/mobile/index.vue b/src/pages/answers/mobile/index.vue
@@ -97,7 +97,7 @@
 
       .statistics,
       .cards {
-        padding: 2rem;
+        padding: $gap-lg;
         margin-bottom: $item-gap;
         @include common-bg-module();
         @include radius-box($radius-sm);

diff --git a/src/pages/archive/desktop.vue b/src/pages/archive/desktop.vue
@@ -46,10 +46,10 @@
         </div>
         <div class="statistics" v-else>
           <div class="item" :key="index" v-for="(s, index) in statistics">
-            <p class="label">{{ s.label }}</p>
+            <i class="iconfont" :class="s.icon"></i>
             <div class="content">
-              <i class="iconfont" :class="s.icon"></i>
-              <span class="value">{{ s.value }}</span>
+              <p class="label">{{ s.label }}</p>
+              <div class="value">{{ s.value }}</div>
             </div>
           </div>
         </div>
@@ -141,28 +141,26 @@
       .statistics {
         .item {
           display: inline-flex;
-          flex-direction: column;
-          $value-size: $font-size-h1 * 1.1;
+          align-items: flex-end;
 
-          .label {
-            margin-bottom: 0;
-            text-transform: uppercase;
-            color: $color-text-secondary;
-            margin-left: $value-size;
-            padding-left: $gap-sm;
+          .iconfont {
+            margin-right: $gap;
+            display: inline-block;
+            font-size: $font-size-h3 * 2;
+            color: $color-text-disabled;
+            opacity: 0.2;
           }
 
           .content {
-            .iconfont {
-              margin-right: $gap-sm;
-              display: inline-block;
-              font-size: $value-size;
-              color: $color-text-divider;
+            .label {
+              margin-bottom: 0;
+              text-transform: uppercase;
+              color: $color-text-secondary;
             }
 
             .value {
               font-weight: bold;
-              font-size: $value-size;
+              font-size: $font-size-h1 * 1.1;
             }
           }
         }

diff --git a/src/pages/archive/mobile.vue b/src/pages/archive/mobile.vue
@@ -105,7 +105,6 @@
   .archive-page {
     .statistic-wrapper {
       margin-top: $gap-lg;
-      padding: 1.4em 2em;
       border-radius: $radius-sm;
       background-color: $module-bg-translucent;
 
@@ -117,12 +116,16 @@
         width: 100%;
       }
 
-      .skeleton {
-        width: 6rem;
-        height: 3rem;
+      .skeletons {
+        padding: $gap-lg;
+        .skeleton {
+          width: 6rem;
+          height: 3rem;
+        }
       }
 
       .statistics {
+        padding: 1.4em 2em;
         flex-wrap: wrap;
         justify-content: space-between;
 
@@ -165,7 +168,7 @@
         list-style: none;
 
         .item {
-          padding: 2rem;
+          padding: $gap-lg;
           background-color: $module-bg-translucent;
           @include radius-box($radius-sm);
           margin-bottom: $gap-lg;

diff --git a/src/stores/archive.ts b/src/stores/archive.ts
@@ -23,7 +23,7 @@ export type ArchiveTreeList = Array<{
 export const useArchiveStore = defineStore('archive', () => {
   const fetchStore = createFetchStore<Archive | null>({
     data: null,
-    once: false,
+    once: true,
     async fetcher() {
       const response = await nodepress.get<Archive>('/archive')
       return response.result