diff --git a/package.json b/package.json index f26a2b4b..42848a1a 100644 --- 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 index 3cc46f5e..31d04423 100644 --- 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 index 863047d1..1d9c3f9b 100644 --- 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 index e44e79de..b2c873ef 100755 --- a/src/pages/archive/desktop.vue +++ b/src/pages/archive/desktop.vue @@ -46,10 +46,10 @@
-

{{ s.label }}

+
- - {{ s.value }} +

{{ s.label }}

+
{{ s.value }}
@@ -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 index b976075e..f7bbd1aa 100755 --- 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 index 4d844161..a59ae587 100755 --- 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({ data: null, - once: false, + once: true, async fetcher() { const response = await nodepress.get('/archive') return response.result