granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add fullWidth prop to MultiSelect

Browse source
This commit is contained in:
Justin Edmund 2026-01-04 19:53:27 -08:00
parent ebfe40b219
commit 243ab3e5b5
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/lib/components/ui/MultiSelect.svelte
View file

@ -20,6 +20,7 @@
disabled?: boolean disabled?: boolean
size?: 'small' | 'medium' | 'large' size?: 'small' | 'medium' | 'large'
contained?: boolean contained?: boolean
fullWidth?: boolean
class?: string class?: string
} }
@ -31,6 +32,7 @@
disabled = false, disabled = false,
size = 'small', size = 'small',
contained = false, contained = false,
fullWidth = false,
class: className = '' class: className = ''
}: Props = $props() }: Props = $props()
@ -64,6 +66,7 @@
'multi-select', 'multi-select',
size, size,
contained && 'contained', contained && 'contained',
fullWidth && 'full',
disabled && 'disabled', disabled && 'disabled',
value.length > 0 && 'has-value', value.length > 0 && 'has-value',
className className
@ -224,6 +227,11 @@
} }
} }
// Variant: full width
:global([data-select-trigger].multi-select.full) {
width: 100%;
}
// Dropdown content // Dropdown content
:global([data-select-content].multi-content) { :global([data-select-content].multi-content) {
background: var(--dialog-bg); background: var(--dialog-bg);