diff options
| author | Eltrac <hi@guhub.cn> | 2025-11-06 11:22:15 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-11-06 11:22:15 +0800 |
| commit | aa269b3bc156bd3d8bb691eae89af2c56329aa95 (patch) | |
| tree | 9b57a786f30d11c171f16feba0828bc2452811af /layouts | |
| parent | b0ed60228bf156f49723e6f8d9eccad139debf34 (diff) | |
feat: better button layout in term page
Former-commit-id: 6891e2ea1578c944e61946011a2913adc4a5f995
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/_partials/term/term-header.html | 33 |
1 files changed, 15 insertions, 18 deletions
diff --git a/layouts/_partials/term/term-header.html b/layouts/_partials/term/term-header.html index 4155cfb9..26bf7999 100644 --- a/layouts/_partials/term/term-header.html +++ b/layouts/_partials/term/term-header.html @@ -1,22 +1,19 @@ <div class="term-header"> - <h1 class="flex items-center justify-between" - style="view-transition-name: category-{{ .Title }}"> - <!-- Filter buttons --> - <div> - {{ if eq .Data.Singular "tag" }} - <button class="bg-transparent dark:invert" id="hide-weekly" - data-tooltip='{{ T "termFilterButton.hideWeekly" . }}'> - <img src="/img/crow.svg" alt="Hide Weekly" - class="w-6 h-6 block hover:animate-swing" /> - </button> - {{ end }} - <button class="bg-transparent dark:invert" id="reverse-order" - data-tooltip='{{ T "termFilterButton.reverseOrder" . }}'> - <img src="/img/clockwork.svg" alt="Reverse Order" - class="w-6 h-6 block hover:rotate-180 transition-transform" /> - </button> - </div> - </h1> + <div class="my-4 flex items-center"> + <span class="text-secondary">筛选：</span> + {{ if eq .Data.Singular "tag" }} + <button class="bg-transparent dark:invert" id="hide-weekly" + data-tooltip='{{ T "termFilterButton.hideWeekly" . }}'> + <img src="/img/crow.svg" alt="Hide Weekly" + class="w-6 h-6 block hover:animate-swing" /> + </button> + {{ end }} + <button class="bg-transparent dark:invert" id="reverse-order" + data-tooltip='{{ T "termFilterButton.reverseOrder" . }}'> + <img src="/img/clockwork.svg" alt="Reverse Order" + class="w-6 h-6 block hover:rotate-180 transition-transform" /> + </button> + </div> {{ with .Params.description | markdownify }} <p class="term-description">{{ . }}</p> {{ end }} |