From 54c281ea597559a4cabce07ab723af0cb381dacf Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Tue, 1 Apr 2025 11:33:45 +0800
Subject: feat: better post archive page

Former-commit-id: bac5a7b1efbd3730bf88061929bdc17b0c3d6471
---
 assets/css/components/_postlist.scss | 20 +++++++++-------
 layouts/_default/section.html        | 46 ++++++++++++++++--------------------
 2 files changed, 32 insertions(+), 34 deletions(-)

diff --git a/assets/css/components/_postlist.scss b/assets/css/components/_postlist.scss
index 6b7b13d8..f2f5c212 100644
--- a/assets/css/components/_postlist.scss
+++ b/assets/css/components/_postlist.scss
@@ -23,14 +23,6 @@
 
             .posts-item-category {
                 margin: 0.5rem 0;
-                a {
-                    border: 2px solid var(--border-color);
-                    border-radius: 0.2rem;
-                    padding: 0.2rem 0.5rem;
-                    text-decoration: none;
-                    font-size: 0.8rem;
-                    display: inline-block;
-                }
             }
         }
         .posts-item-summary {
@@ -102,7 +94,19 @@
             time {
                 font-size: 0.9rem;
                 font-family: var(--mono-font-family);
+                color: var(--secondary-text-color);
             }
         }
     }
 }
+
+.posts-item-category {
+    a {
+        border: 2px solid var(--border-color);
+        border-radius: 0.2rem;
+        padding: 0.2rem 0.5rem;
+        text-decoration: none;
+        font-size: 0.8rem;
+        display: inline-block;
+    }
+}
diff --git a/layouts/_default/section.html b/layouts/_default/section.html
index d18246ad..9a0b6dcd 100644
--- a/layouts/_default/section.html
+++ b/layouts/_default/section.html
@@ -19,35 +19,29 @@
                           <small class="font-mono">{{ T "archivePage.postCountMonthly" (len .Pages) }}</small>
                       </h2>
                   </summary>
-                  <ul>
-                    {{ range .Pages }}
-                      <li>
-                        <div class="row posts-line">
-                          <div class="posts-date col-xs-3 col-sm-2">
-                            <time datetime="{{ .Date.Format "2006-01-02 15:04:05 MST" }}">{{ .Date.Format "Jan 02" }}</time>
-                          </div>
-                          <div class="posts-title col-xs-9 col-sm-10">
-                            <div class="row">
-                              <div class="col-xs-11 col-sm-10">
-                                <a
-                                    class="posts-title-link"
-                                    href="{{ .RelPermalink }}"
-                                    data-umami-event="Click Post Link from Index"
-                                >{{ .Title }}</a>
-                              </div>
-                              <div class="col-xs-1 col-sm-2 posts-categories">
+                  <div class="term-list">
+                      <ul>
+                        {{ range .Pages }}
+                          <li>
+                            <div style="display: flex; gap: 1rem;">
+                                <time class="font-mono">
+                                    {{ .Date.Format "Jan 06" }}
+                                </time>
+                                <a href="{{ .Permalink }}">
+                                    {{ .Title }}
+                                </a>
+                            </div>
+                            <div class="posts-item-category">
                                 {{ with .Params.categories }}
-                                <div class="posts-category">
-                                  <a href="/categories/{{ . }}/"><strong>{{ . }}</strong></a>
-                                </div>
+                                    <a href="/categories/{{ . }}">
+                                        {{ . }}
+                                    </a>
                                 {{ end }}
-                              </div>
                             </div>
-                          </div>
-                        </div>
-                      </li>
-                    {{ end }}
-                  </ul>
+                          </li>
+                        {{ end }}
+                      </ul>
+                  </div>
               </details>
               {{ end }}
 
-- 
cgit v1.2.3