From 58aaf7d0ae636232d7a16c7cf98a1a836f5d9e7d Mon Sep 17 00:00:00 2001
From: XPoet <i@xpoet.cn>
Date: Thu, 6 Jun 2024 13:51:48 +0800
Subject: [PATCH] ui: optimize archive page style

---
 source/css/layout/_partial/archive-list.styl | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/source/css/layout/_partial/archive-list.styl b/source/css/layout/_partial/archive-list.styl
index d8c770e0..1308b2b2 100644
--- a/source/css/layout/_partial/archive-list.styl
+++ b/source/css/layout/_partial/archive-list.styl
@@ -3,7 +3,7 @@ $post-title-font-size = 1.2rem
 $post-date-font-size = 1rem
 $post-date-width = 3.6rem
 $post-item-padding = 1.2rem
-$timeline-circle-width = 0.6rem
+$timeline-circle-size = 0.5rem
 
 .archive-list-container {
 
@@ -68,10 +68,10 @@ $timeline-circle-width = 0.6rem
             left 0
             z-index $z-index-2
             box-sizing border-box
-            width $timeline-circle-width * 0.8
-            height $timeline-circle-width * 2
+            width $timeline-circle-size
+            height $timeline-circle-size
             background var(--text-color-5)
-            border-radius 0.2rem
+            border-radius 50%
             content ''
             transition-t("height", "0", "0.2", "ease")
           }
@@ -81,7 +81,8 @@ $timeline-circle-width = 0.6rem
         &:hover {
           .starting-point {
             &::before {
-              height $timeline-circle-width * 2.4
+              width $timeline-circle-size * 1.2
+              height $timeline-circle-size * 1.2
               background var(--text-color-4)
             }
           }