srizan/lofi
1
0
Fork 0
mirror of https://github.com/SrIzan10/lofi.git synced 2026-06-06 00:56:53 +00:00
Code Issues 2 Packages Projects Releases Wiki Activity

refactor: some dropdown menu styling stuff

Browse Source
This commit is contained in:
Izan Gil
2025-04-18 20:37:21 +02:00
parent 3b98f11b70
commit 011df25096
4 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/app/station-dropdown.svelte
View File

@@ -17,7 +17,7 @@
<Radio />
</DropdownMenu.Trigger>
<DropdownMenu.Content
class="w-56 bg-white/10 backdrop-blur-md transition hover:bg-white/20 text-foreground border border-white/20 shadow-lg"
class="w-56"
>
<DropdownMenu.Group>
<DropdownMenu.GroupHeading>Select station</DropdownMenu.GroupHeading>

2
src/lib/components/ui/button/button.svelte
View File

@@ -8,7 +8,7 @@
variants: {
variant: {
default:
'bg-white/10 backdrop-blur-md hover:bg-white/20 text-foreground border border-white/20 shadow-lg',
'bg-white/10 backdrop-blur-md hover:bg-white/15 text-foreground border border-white/20 shadow-lg',
olddefault: 'bg-primary text-primary-foreground hover:bg-primary/90 shadow',
destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm',
outline:

1
src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
View File

@@ -20,6 +20,7 @@
class={cn(
'bg-popover text-popover-foreground z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md',
'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 outline-none',
'bg-white/10 backdrop-blur-md transition hover:bg-white/15 text-foreground border border-white/20 shadow-lg',
className
)}
{...restProps}

2
src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
View File

@@ -14,7 +14,7 @@
<DropdownMenuPrimitive.RadioItem
bind:ref
class={cn(
'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
'data-[highlighted]:bg-white/20 data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
className
)}
{...restProps}