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

chore: use radio icon

Browse Source
This commit is contained in:
Izan Gil
2025-04-18 14:53:38 +02:00
parent 33c44e5981
commit 5365ed71d0
1 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,21 +1,24 @@
<script lang="ts">
import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
import { buttonVariants } from "$lib/components/ui/button/index.js";
import { state as appState } from "@/state.svelte";
import * as DropdownMenu from '$lib/components/ui/dropdown-menu/index.js';
import { buttonVariants } from '$lib/components/ui/button/index.js';
import { state as appState } from '@/state.svelte';
import Radio from '@lucide/svelte/icons/radio';
let selectedStationId = $state(appState.currentStation!.toString());
$effect(() => {
if (selectedStationId) {
appState.currentStation = parseInt(selectedStationId);
}
})
});
</script>
<DropdownMenu.Root>
<DropdownMenu.Trigger class={buttonVariants({ variant: "default" })}
>Open</DropdownMenu.Trigger
<DropdownMenu.Trigger class={buttonVariants({ variant: 'default', size: 'icon' })}>
<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"
>
<DropdownMenu.Content class="w-56 bg-white/10 backdrop-blur-md transition hover:bg-white/20 text-foreground border border-white/20 shadow-lg">
<DropdownMenu.Group>
<DropdownMenu.GroupHeading>Select station</DropdownMenu.GroupHeading>
<DropdownMenu.Separator />
@@ -28,4 +31,4 @@
</DropdownMenu.RadioGroup>
</DropdownMenu.Group>
</DropdownMenu.Content>
</DropdownMenu.Root>
</DropdownMenu.Root>