fix: standardize anime detail page and review styles

This commit is contained in:
2026-05-25 01:46:53 +02:00
parent fe39e094d8
commit c480a9be1f
2 changed files with 18 additions and 16 deletions

View File

@@ -5,12 +5,12 @@
{{define "reviews_content"}}
<div class="flex w-full flex-col gap-6">
<a href="/anime/{{.AnimeID}}" class="text-sm text-foreground-muted transition-colors hover:text-foreground">&larr; Back to anime</a>
<a href="/anime/{{.AnimeID}}" class="text-sm text-foreground-muted transition-colors hover:text-foreground">Back to anime</a>
<h1 class="text-xl font-normal text-foreground">Reviews</h1>
{{if eq (len .Reviews) 0}}
<div class="flex h-64 flex-col items-center justify-center gap-4 text-foreground-muted">
<p class="text-foreground">No reviews yet</p>
<div class="flex h-64 flex-col items-center justify-center gap-3 text-foreground-muted">
<p class="text-sm text-foreground">No reviews yet</p>
</div>
{{else}}
<div id="reviews-list" class="flex flex-col gap-6">
@@ -22,10 +22,10 @@
{{define "review_cards"}}
{{range .Reviews}}
<div class="flex flex-col gap-4 bg-background-surface p-6">
<div class="flex flex-col gap-4 bg-background-surface p-5 ring-1 ring-black/10">
<div class="flex items-start justify-between">
<div class="flex items-center gap-3">
<div class="h-10 w-10 shrink-0 overflow-hidden rounded-full bg-background-surface">
<div class="h-10 w-10 shrink-0 overflow-hidden rounded-full bg-background-surface ring-1 ring-black/10">
<img src="{{.User.Images.Jpg.ImageURL}}" alt="{{.User.Username}}" class="h-full w-full object-cover" loading="lazy" />
</div>
<div class="flex flex-col">