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

fix: restore mobile anime layout order

Browse Source
This commit is contained in:
mkelvers
2026-04-21 00:21:33 +02:00
parent 8a887f23fe
commit d87b7bfb54
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/templates/anime.templ
View File

@@ -15,7 +15,7 @@ import (
templ AnimeDetails(anime jikan.Anime, currentStatus string, nextEpisode int) { templ AnimeDetails(anime jikan.Anime, currentStatus string, nextEpisode int) {
@layout.Layout("mal - " + anime.DisplayTitle(), true) { @layout.Layout("mal - " + anime.DisplayTitle(), true) {
<div class="grid items-start gap-5 xl:grid-cols-[minmax(0,1fr)_300px]"> <div class="grid items-start gap-5 xl:grid-cols-[minmax(0,1fr)_300px]">
<div class="grid min-w-0 gap-8"> <div class="order-2 grid min-w-0 gap-8 xl:order-1">
<div class="grid gap-5 lg:grid-cols-[220px_minmax(0,1fr)]"> <div class="grid gap-5 lg:grid-cols-[220px_minmax(0,1fr)]">
<div class="w-56"> <div class="w-56">
if anime.ImageURL() != "" { if anime.ImageURL() != "" {
@@ -74,7 +74,7 @@ templ AnimeDetails(anime jikan.Anime, currentStatus string, nextEpisode int) {
</div> </div>
</section> </section>
</div> </div>
<aside class="sticky top-20 grid gap-4 bg-(--panel) p-3 max-xl:static"> <aside class="order-1 grid gap-4 bg-(--panel) p-3 max-xl:static xl:order-2">
<div class="grid gap-3"> <div class="grid gap-3">
<h3 class="mb-2 text-base font-semibold tracking-wide text-(--text)">Details</h3> <h3 class="mb-2 text-base font-semibold tracking-wide text-(--text)">Details</h3>
if anime.Aired.String != "" { if anime.Aired.String != "" {