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

fix: align admin filter toggle buttons with search input height

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Sebastian Krüger
2026-03-07 15:51:13 +01:00
parent 798495c3d6
commit a38883e631
4 changed files with 4 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/frontend/src/routes/admin/articles/+page.svelte
View File

@@ -81,7 +81,7 @@
</div> </div>
<!-- Filters --> <!-- Filters -->
<div class="flex flex-wrap gap-3 mb-4 px-3 sm:px-0"> <div class="flex flex-wrap items-center gap-3 mb-4 px-3 sm:px-0">
<Input <Input
placeholder={$_("admin.articles.search_placeholder")} placeholder={$_("admin.articles.search_placeholder")}
class="max-w-xs" class="max-w-xs"
@@ -110,7 +110,6 @@
</SelectContent> </SelectContent>
</Select> </Select>
<Button <Button
size="sm"
variant={data.featured === true ? "default" : "outline"} variant={data.featured === true ? "default" : "outline"}
onclick={() => setFilter("featured", data.featured === true ? null : "true")} onclick={() => setFilter("featured", data.featured === true ? null : "true")}
> >

5
packages/frontend/src/routes/admin/recordings/+page.svelte
View File

@@ -71,7 +71,7 @@
> >
</div> </div>
<div class="flex flex-wrap gap-3 mb-4 px-3 sm:px-0"> <div class="flex flex-wrap items-center gap-3 mb-4 px-3 sm:px-0">
<Input <Input
placeholder={$_("admin.recordings.search_placeholder")} placeholder={$_("admin.recordings.search_placeholder")}
class="max-w-xs" class="max-w-xs"
@@ -83,17 +83,14 @@
/> />
<div class="flex gap-1"> <div class="flex gap-1">
<Button <Button
size="sm"
variant={data.status === undefined ? "default" : "outline"} variant={data.status === undefined ? "default" : "outline"}
onclick={() => setFilter("status", null)}>{$_("admin.common.all")}</Button onclick={() => setFilter("status", null)}>{$_("admin.common.all")}</Button
> >
<Button <Button
size="sm"
variant={data.status === "published" ? "default" : "outline"} variant={data.status === "published" ? "default" : "outline"}
onclick={() => setFilter("status", "published")}>{$_("admin.recordings.published")}</Button onclick={() => setFilter("status", "published")}>{$_("admin.recordings.published")}</Button
> >
<Button <Button
size="sm"
variant={data.status === "draft" ? "default" : "outline"} variant={data.status === "draft" ? "default" : "outline"}
onclick={() => setFilter("status", "draft")}>{$_("admin.recordings.draft")}</Button onclick={() => setFilter("status", "draft")}>{$_("admin.recordings.draft")}</Button
> >

3
packages/frontend/src/routes/admin/users/+page.svelte
View File

@@ -93,7 +93,7 @@
</div> </div>
<!-- Filters --> <!-- Filters -->
<div class="flex flex-wrap gap-3 mb-4 px-3 sm:px-0"> <div class="flex flex-wrap items-center gap-3 mb-4 px-3 sm:px-0">
<Input <Input
placeholder={$_("admin.users.search_placeholder")} placeholder={$_("admin.users.search_placeholder")}
class="max-w-xs" class="max-w-xs"
@@ -107,7 +107,6 @@
<div class="flex gap-1"> <div class="flex gap-1">
{#each roles as role (role)} {#each roles as role (role)}
<Button <Button
size="sm"
variant={data.role === role || (!data.role && role === "") ? "default" : "outline"} variant={data.role === role || (!data.role && role === "") ? "default" : "outline"}
onclick={() => setRole(role)} onclick={() => setRole(role)}
> >

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

@@ -78,7 +78,7 @@
</div> </div>
<!-- Filters --> <!-- Filters -->
<div class="flex flex-wrap gap-3 mb-4 px-3 sm:px-0"> <div class="flex flex-wrap items-center gap-3 mb-4 px-3 sm:px-0">
<Input <Input
placeholder={$_("admin.videos.search_placeholder")} placeholder={$_("admin.videos.search_placeholder")}
class="max-w-xs" class="max-w-xs"
@@ -90,21 +90,18 @@
/> />
<div class="flex gap-1"> <div class="flex gap-1">
<Button <Button
size="sm"
variant={data.featured === undefined ? "default" : "outline"} variant={data.featured === undefined ? "default" : "outline"}
onclick={() => setFilter("featured", null)} onclick={() => setFilter("featured", null)}
> >
{$_("admin.common.all")} {$_("admin.common.all")}
</Button> </Button>
<Button <Button
size="sm"
variant={data.featured === true ? "default" : "outline"} variant={data.featured === true ? "default" : "outline"}
onclick={() => setFilter("featured", "true")} onclick={() => setFilter("featured", "true")}
> >
{$_("admin.common.featured")} {$_("admin.common.featured")}
</Button> </Button>
<Button <Button
size="sm"
variant={data.premium === true ? "default" : "outline"} variant={data.premium === true ? "default" : "outline"}
onclick={() => setFilter("premium", data.premium === true ? null : "true")} onclick={() => setFilter("premium", data.premium === true ? null : "true")}
> >