diff options
| author | Eltrac <hi@guhub.cn> | 2025-04-01 11:33:45 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-04-01 11:33:45 +0800 |
| commit | bac5a7b1efbd3730bf88061929bdc17b0c3d6471 (patch) | |
| tree | 796ea93c3195e4618fa639919b0f9751f24263ec | |
| parent | e89dda4c51eed534cb0c65c8303102b0b47a286a (diff) | |
feat: better post archive page
| -rw-r--r-- | assets/css/components/_postlist.scss | 20 | ||||
| -rw-r--r-- | 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 }} |