rasmusq/wishlist
Public Access
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: responsive buttons on dashboard wishlist lists on mobile

Browse Source
This commit is contained in:
rasmusq
2025-11-25 22:47:03 +01:00
parent b6010e80ca
commit 82632eba4c
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/lib/components/ui/UnlockButton.svelte
View File

@@ -19,7 +19,6 @@
<Button <Button
onclick={handleClick} onclick={handleClick}
variant={unlocked ? "default" : "outline"} variant={unlocked ? "default" : "outline"}
class="w-full md:w-auto"
> >
{#if unlocked} {#if unlocked}
<Lock class="mr-2 h-4 w-4" /> <Lock class="mr-2 h-4 w-4" />

6
src/routes/dashboard/+page.svelte
View File

@@ -135,7 +135,7 @@
emptyActionHref="/" emptyActionHref="/"
> >
{#snippet headerAction()} {#snippet headerAction()}
<div class="flex gap-2 flex-wrap"> <div class="flex flex-col sm:flex-row gap-2">
<Button onclick={() => (window.location.href = '/')}>{t.dashboard.createNew}</Button> <Button onclick={() => (window.location.href = '/')}>{t.dashboard.createNew}</Button>
<UnlockButton bind:unlocked={myWishlistsUnlocked} /> <UnlockButton bind:unlocked={myWishlistsUnlocked} />
</div> </div>
@@ -225,7 +225,9 @@
emptyDescription={t.dashboard.emptySavedWishlistsDescription} emptyDescription={t.dashboard.emptySavedWishlistsDescription}
> >
{#snippet headerAction()} {#snippet headerAction()}
<UnlockButton bind:unlocked={savedWishlistsUnlocked} /> <div class="flex flex-col sm:flex-row gap-2">
<UnlockButton bind:unlocked={savedWishlistsUnlocked} />
</div>
{/snippet} {/snippet}
{#snippet searchBar()} {#snippet searchBar()}