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

fix: reserve continue watching space

Browse Source
This commit is contained in:
mkelvers
2026-05-24 01:50:24 +02:00
parent 065e3fd7d6
commit ad3817dfee
1 changed files with 19 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
templates/index.gohtml
View File

@@ -1,8 +1,10 @@
{{define "title"}}Home{{end}} {{define "title"}}Home{{end}}
{{define "content"}} {{define "content"}}
<div class="flex flex-col gap-10"> <div class="flex flex-col gap-10">
{{if .User}} {{if .User}}
<div hx-get="/api/catalog/continue" hx-trigger="load" hx-swap="outerHTML"></div> <div hx-get="/api/catalog/continue" hx-trigger="load" hx-swap="outerHTML">
{{template "continue_watching_skeleton"}}
</div>
{{end}} {{end}}
<section class="w-full"> <section class="w-full">
@@ -72,3 +74,18 @@
{{end}} {{end}}
</div> </div>
{{end}} {{end}}
{{define "continue_watching_skeleton"}}
<section id="continue-watching-section" class="w-full">
<h2 class="mb-3 text-lg font-normal text-foreground">Continue Watching</h2>
<div class="scrollbar-hide flex snap-x snap-mandatory gap-2 overflow-x-auto pb-4">
{{range (seq 3)}}
<div class="flex w-70 shrink-0 snap-start flex-col gap-2 2xl:w-lg">
<div class="skeleton aspect-video w-full overflow-hidden rounded-xl"></div>
<div class="skeleton h-5 w-2/3 rounded"></div>
<div class="skeleton h-4 w-1/2 rounded opacity-70"></div>
</div>
{{end}}
</div>
</section>
{{end}}