20 lines
548 B
Cheetah
20 lines
548 B
Cheetah
<div class="media grid grid-cols-4 gap-4">
|
|
{{range .MediaItems}}
|
|
<div class="card p-2 rounded shadow">
|
|
<a
|
|
href="#"
|
|
hx-get="/media/0?path={{urlquery .FilePath}}"
|
|
hx-target="#content" hx-swap="innerHTML"
|
|
>
|
|
<img src="{{.ThumbURL}}" alt="{{.Title}}" class="w-full h-32 object-cover rounded" />
|
|
<div class="mt-2">
|
|
<h3 class="text-sm font-semibold truncate">{{.Title}}</h3>
|
|
{{if .Duration}}
|
|
<small>{{.DurationFmt}}</small>
|
|
{{end}}
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{{end}}
|
|
</div>
|