polish: match FAQ search width (max-w-2xl) and input styling (h-14, text-lg, bg-card/50)
All checks were successful
Build and Push Frontend Image / build (push) Successful in 1m20s

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-12 10:27:42 +01:00
parent 2abd54489b
commit 5ffd2773b0
3 changed files with 9 additions and 9 deletions

View File

@@ -60,11 +60,11 @@
<SexyBackground />
<PageHero title={$_("magazine.title")} description={$_("magazine.description")}>
<div class="flex flex-col gap-3 max-w-4xl mx-auto">
<div class="flex flex-col gap-3 max-w-2xl mx-auto">
<!-- Search -->
<div class="relative">
<span
class="icon-[ri--search-line] absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground"
class="icon-[ri--search-line] absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-muted-foreground"
></span>
<Input
placeholder={$_("magazine.search_placeholder")}
@@ -73,7 +73,7 @@
searchValue = (e.target as HTMLInputElement).value;
debounceSearch(searchValue);
}}
class="pl-10 bg-background/50 border-primary/20 focus:border-primary"
class="pl-12 h-14 text-lg bg-card/50 border-primary/20 focus:border-primary"
/>
</div>

View File

@@ -53,11 +53,11 @@
<SexyBackground />
<PageHero title={$_("models.title")} description={$_("models.description")}>
<div class="flex flex-col gap-3 max-w-4xl mx-auto">
<div class="flex flex-col gap-3 max-w-2xl mx-auto">
<!-- Search -->
<div class="relative">
<span
class="icon-[ri--search-line] absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground"
class="icon-[ri--search-line] absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-muted-foreground"
></span>
<Input
placeholder={$_("models.search_placeholder")}
@@ -66,7 +66,7 @@
searchValue = (e.target as HTMLInputElement).value;
debounceSearch(searchValue);
}}
class="pl-10 bg-background/50 border-primary/20 focus:border-primary"
class="pl-12 h-14 text-lg bg-card/50 border-primary/20 focus:border-primary"
/>
</div>

View File

@@ -56,11 +56,11 @@
<SexyBackground />
<PageHero title={$_("videos.title")} description={$_("videos.description")}>
<div class="flex flex-col gap-3 max-w-6xl mx-auto">
<div class="flex flex-col gap-3 max-w-2xl mx-auto">
<!-- Search -->
<div class="relative">
<span
class="icon-[ri--search-line] absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground"
class="icon-[ri--search-line] absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-muted-foreground"
></span>
<Input
placeholder={$_("videos.search_placeholder")}
@@ -69,7 +69,7 @@
searchValue = (e.target as HTMLInputElement).value;
debounceSearch(searchValue);
}}
class="pl-10 bg-background/50 border-primary/20 focus:border-primary"
class="pl-12 h-14 text-lg bg-card/50 border-primary/20 focus:border-primary"
/>
</div>