miru/src/lib/components/SettingCard.svelte
ThaUnknown f61c702f7b
WIP: setup page
fix: settings cards overflow
fix: clip performance
fix: schedule page timestamp responsiveness
fix: episodelist hover scale clipping
feat: error route image
fix: incorrect lastYear calculation
fix: donate animation perf
feat: player volume control
fix: improve some animation perf
fix: simplity global native typedef
2025-05-22 16:05:18 +02:00

20 lines
700 B
Svelte

<script lang='ts'>
import { Label } from '$lib/components/ui/label'
import { cn } from '$lib/utils'
export let title = ''
export let description = ''
const id = Math.trunc(Math.random() * Number.MAX_SAFE_INTEGER).toString() + title
let className = ''
export { className as class }
</script>
<div class={cn('flex flex-col md:flex-row md:items-center justify-between bg-neutral-950 rounded-md px-6 py-4 space-y-3 md:space-y-0 md:space-x-3', className)}>
<Label for={id} class='space-1 block leading-[unset] grow'>
<div class='font-bold'>{title}</div>
<div class='text-muted-foreground text-xs whitespace-pre-wrap block'>{description}</div>
</Label>
<slot {id} />
</div>