From c1e0c854f675ede733c042146c141f72a2efa384 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Fri, 2 Feb 2024 10:34:58 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E6=96=87=E7=AB=A0?=
 =?UTF-8?q?=E5=BD=92=E6=A1=A3=E9=A1=B5=20UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 theme/src/client/components/Archives.vue | 32 ++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/theme/src/client/components/Archives.vue b/theme/src/client/components/Archives.vue
index c9ad6caf..7bdbf90d 100644
--- a/theme/src/client/components/Archives.vue
+++ b/theme/src/client/components/Archives.vue
@@ -63,4 +63,36 @@ const { archives } = useArchives()
   font-size: 18px;
   font-weight: 700;
 }
+
+@media (min-width: 768px) {
+  .archives-wrapper {
+    padding: 32px 0;
+    margin-left: 20px;
+  }
+
+  .archives-title {
+    display: none;
+  }
+
+  .archive {
+    padding: 20px;
+    margin-bottom: 24px;
+    background-color: var(--vp-c-bg);
+    border-bottom: none;
+    border-radius: 8px;
+    box-shadow: var(--vp-shadow-2);
+  }
+
+  .archive-title {
+    padding-bottom: 10px;
+    margin-top: 0;
+    border-bottom: solid 1px var(--vp-c-divider);
+  }
+}
+
+@media (min-width: 960px) {
+  .archives-wrapper {
+    margin-left: auto;
+  }
+}
 </style>