fix: standardize anime detail page and review styles
This commit is contained in:
@@ -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">← 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">
|
||||
|
||||
Reference in New Issue
Block a user