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