mkelvers/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: declutter anime pages and controls

Browse Source
This commit is contained in:
mkelvers
2026-04-10 01:15:19 +02:00
parent 8965dc5441
commit e2fc44bf1a
12 changed files with 425 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
internal/shared/ui/anime_list.templ
View File

@@ -12,7 +12,7 @@ templ InfiniteAnimeList(animes []jikan.Anime, hasNext bool, nextURL string, cont
</div>
}
if hasNext {
<div class="scroll-trigger" style="grid-column: 1 / -1; height: 20px;" hx-get={ nextURL } hx-trigger="revealed" hx-swap="outerHTML"></div>
<div class="scroll-trigger full-span-trigger" hx-get={ nextURL } hx-trigger="revealed" hx-swap="outerHTML"></div>
}
<script data-container={ containerID }>
(function() {

6
internal/shared/ui/sort_filter.templ
View File

@@ -24,8 +24,12 @@ templ SortFilter(opts SortFilterOptions) {
<option value="asc" selected?={ opts.Order == "asc" }>Ascending</option>
</select>
</div>
<div class="sort-filter-group density-group" aria-hidden="true">
<span class="density-label">Density</span>
<button type="button" class="density-toggle" id="density-toggle" onclick="document.body.classList.toggle('density-compact')">Compact</button>
</div>
</div>
<form id="sort-form" method="get" style="display: none;">
<form id="sort-form" method="get" class="is-hidden">
<input type="hidden" name="sort" id="sort-input" value={ opts.Sort }/>
<input type="hidden" name="order" id="order-input" value={ opts.Order }/>
if opts.View != "" {