feat: make genre/theme/demo tags clickable in anime sidebar

This commit is contained in:
2026-05-05 16:15:26 +02:00
parent ca706d61cb
commit c3de4ae9a7

View File

@@ -160,7 +160,7 @@
<dt class="mb-1 text-xs font-normal text-neutral-500">Genres</dt> <dt class="mb-1 text-xs font-normal text-neutral-500">Genres</dt>
<dd class="flex flex-wrap gap-2 pt-1"> <dd class="flex flex-wrap gap-2 pt-1">
{{range $anime.Genres}} {{range $anime.Genres}}
<span class="bg-white/5 px-2.5 py-1 text-[11px] font-normal text-neutral-400 ring-1 ring-white/5">{{.Name}}</span> <a href="/browse?genres={{.MalID}}" class="bg-white/5 px-2.5 py-1 text-[11px] font-normal text-neutral-400 ring-1 ring-white/5 transition-colors hover:bg-white/10 hover:text-white">{{.Name}}</a>
{{end}} {{end}}
</dd> </dd>
</div> </div>
@@ -170,7 +170,7 @@
<dt class="mb-1 text-xs font-normal text-neutral-500">Themes</dt> <dt class="mb-1 text-xs font-normal text-neutral-500">Themes</dt>
<dd class="flex flex-wrap gap-2 pt-1"> <dd class="flex flex-wrap gap-2 pt-1">
{{range $anime.Themes}} {{range $anime.Themes}}
<span class="bg-white/5 px-2.5 py-1 text-[11px] font-normal text-neutral-400 ring-1 ring-white/5">{{.Name}}</span> <a href="/browse?genres={{.MalID}}" class="bg-white/5 px-2.5 py-1 text-[11px] font-normal text-neutral-400 ring-1 ring-white/5 transition-colors hover:bg-white/10 hover:text-white">{{.Name}}</a>
{{end}} {{end}}
</dd> </dd>
</div> </div>
@@ -180,7 +180,7 @@
<dt class="mb-1 text-xs font-normal text-neutral-500">Demographics</dt> <dt class="mb-1 text-xs font-normal text-neutral-500">Demographics</dt>
<dd class="flex flex-wrap gap-2 pt-1"> <dd class="flex flex-wrap gap-2 pt-1">
{{range $anime.Demographics}} {{range $anime.Demographics}}
<span class="bg-white/5 px-2.5 py-1 text-[11px] font-normal text-neutral-400 ring-1 ring-white/5">{{.Name}}</span> <a href="/browse?genres={{.MalID}}" class="bg-white/5 px-2.5 py-1 text-[11px] font-normal text-neutral-400 ring-1 ring-white/5 transition-colors hover:bg-white/10 hover:text-white">{{.Name}}</a>
{{end}} {{end}}
</dd> </dd>
</div> </div>