perf(theme): 博客页无博主信息时布局优化

pengzhanbo · Mar 15, 2024 · 9370464 · 9370464
1 parent 6912c0e
commit 9370464
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 0 deletions.
diff --git a/theme/src/client/components/Blog/Archives.vue b/theme/src/client/components/Blog/Archives.vue
@@ -95,4 +95,10 @@ const { archives } = useArchives()
     transition: border-bottom var(--t-color);
   }
 }
+
+@media (min-width: 1200px) {
+  .archives-wrapper {
+    margin-left: 0;
+  }
+}
 </style>
diff --git a/theme/src/client/components/Blog/PostItem.vue b/theme/src/client/components/Blog/PostItem.vue
@@ -151,6 +151,12 @@ const createTime = computed(() =>
   }
 }
 
+@media (min-width: 1200px) {
+  .post-item {
+    margin: 0 0 24px;
+  }
+}
+
 .post-meta {
   display: flex;
   flex-wrap: wrap;

diff --git a/theme/src/client/components/Blog/Tags.vue b/theme/src/client/components/Blog/Tags.vue
@@ -149,4 +149,10 @@ const { tags: tagsLink } = useBlogExtract()
     margin-top: 0;
   }
 }
+
+@media (min-width: 1200px) {
+  .tags-wrapper {
+    margin-left: 0;
+  }
+}
 </style>