mirror of
https://github.com/glanceapp/glance.git
synced 2024-11-30 04:15:35 +01:00
b0018c3f06
Make collapsible components reusable Add ability to collapse video rows in videos-grid style Lose sanity while dealing with all the intricacies
32 lines
1.4 KiB
HTML
32 lines
1.4 KiB
HTML
{{ template "widget-base.html" . }}
|
|
|
|
{{ define "widget-content" }}
|
|
<ul class="list list-gap-14 collapsible-container" data-collapse-after="{{ .CollapseAfter }}">
|
|
{{ range .Categories }}
|
|
<li class="twitch-category thumbnail-container">
|
|
<div class="flex gap-10 items-center">
|
|
<img class="twitch-category-thumbnail thumbnail" loading="lazy" src="{{ .AvatarUrl }}" alt="">
|
|
<div class="shrink min-width-0">
|
|
<a class="size-h3 color-highlight text-truncate block" href="https://www.twitch.tv/directory/category/{{ .Slug }}" target="_blank" rel="noreferrer">{{ .Name }}</a>
|
|
<ul class="list-horizontal-text">
|
|
<li>{{ .ViewersCount | formatViewerCount }} viewers</li>
|
|
{{ if .IsNew }}
|
|
<li class="color-primary">NEW</li>
|
|
{{ end }}
|
|
</ul>
|
|
<ul class="list-horizontal-text flex-nowrap">
|
|
{{ range $i, $tag := .Tags }}
|
|
{{ if eq $i 0 }}
|
|
<li class="shrink-0">{{ $tag.Name }}</li>
|
|
{{ else }}
|
|
<li class="text-truncate shrink min-width-0">{{ $tag.Name }}</li>
|
|
{{ end }}
|
|
{{ end }}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
{{ end }}
|