mirror/kener
1
0
Fork 0
mirror of https://github.com/rajnandan1/kener.git synced 2026-01-06 01:20:15 -06:00
Code Issues Packages Projects Releases Wiki Activity

style: Update logout button design and improve subscription info display

Browse Source
This commit is contained in:
Raj Nandan Sharma
2025-04-23 11:31:40 +05:30
parent ab036c968d
commit 8e5746d068
1 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/lib/components/subscribeMenu.svelte
View File

@@ -9,6 +9,7 @@
import autoAnimate from "@formkit/auto-animate";
import Loader from "lucide-svelte/icons/loader";
import AlarmClockCheck from "lucide-svelte/icons/alarm-clock-check";
import Logout from "lucide-svelte/icons/log-out";
import ChevronLeft from "lucide-svelte/icons/chevron-left";
let apiError = "";
@@ -231,16 +232,19 @@
<div class="flex flex-col gap-2 px-4">
{#if subsInfo.email}
<div
class="flex justify-between rounded-md border stroke-secondary-foreground px-2 py-2 text-xs font-medium text-muted-foreground"
class="flex justify-between rounded-md stroke-secondary-foreground py-2 text-xs font-medium text-muted-foreground"
>
<span class="mt-1 text-xs font-semibold text-muted-foreground">You are logged in as {subsInfo.email}</span>
<Button
variant="secondary"
class="bounce-left h-6 justify-start text-xs font-semibold text-muted-foreground"
on:click={doLogout}
>
Logout
</Button>
<div>
<Button
variant="ghost"
size="icon"
class=" h-6 w-6 justify-center text-xs font-semibold text-muted-foreground"
on:click={doLogout}
>
<Logout class=" h-4 w-4" />
</Button>
</div>
</div>
{/if}
<div class="mt-2">