valknar/sexy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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
Details

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Sebastian Krüger
2026-03-12 10:27:42 +01:00
parent 2abd54489b
commit 5ffd2773b0
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/frontend/src/routes/magazine/+page.svelte
View File

@@ -60,11 +60,11 @@
<SexyBackground /> <SexyBackground />
<PageHero title={$_("magazine.title")} description={$_("magazine.description")}> <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 --> <!-- Search -->
<div class="relative"> <div class="relative">
<span <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> ></span>
<Input <Input
placeholder={$_("magazine.search_placeholder")} placeholder={$_("magazine.search_placeholder")}
@@ -73,7 +73,7 @@
searchValue = (e.target as HTMLInputElement).value; searchValue = (e.target as HTMLInputElement).value;
debounceSearch(searchValue); 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> </div>

6
packages/frontend/src/routes/models/+page.svelte
View File

@@ -53,11 +53,11 @@
<SexyBackground /> <SexyBackground />
<PageHero title={$_("models.title")} description={$_("models.description")}> <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 --> <!-- Search -->
<div class="relative"> <div class="relative">
<span <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> ></span>
<Input <Input
placeholder={$_("models.search_placeholder")} placeholder={$_("models.search_placeholder")}
@@ -66,7 +66,7 @@
searchValue = (e.target as HTMLInputElement).value; searchValue = (e.target as HTMLInputElement).value;
debounceSearch(searchValue); 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> </div>

6
packages/frontend/src/routes/videos/+page.svelte
View File

@@ -56,11 +56,11 @@
<SexyBackground /> <SexyBackground />
<PageHero title={$_("videos.title")} description={$_("videos.description")}> <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 --> <!-- Search -->
<div class="relative"> <div class="relative">
<span <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> ></span>
<Input <Input
placeholder={$_("videos.search_placeholder")} placeholder={$_("videos.search_placeholder")}
@@ -69,7 +69,7 @@
searchValue = (e.target as HTMLInputElement).value; searchValue = (e.target as HTMLInputElement).value;
debounceSearch(searchValue); 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> </div>