diff --git a/docs/routes/components/CheckboxList.md b/docs/routes/components/CheckboxList.md index 5dcbca26..eec59edd 100644 --- a/docs/routes/components/CheckboxList.md +++ b/docs/routes/components/CheckboxList.md @@ -5,7 +5,7 @@ import IconCircle from 'virtual:icons/lucide/circle' import IconTriangle from 'virtual:icons/lucide/triangle' - let selected = [] + let selected = ['TRI'] {#each options as option} - handleChange(e, option.value)}> + handleChange(e, option.value)} + checked={value && value.includes(option.value)}> {#if option.icon && typeof option.icon === 'string'} {@html option.icon} {:else if option.icon} diff --git a/src/components/Modal.svelte b/src/components/Modal.svelte index eb053c2e..f4092736 100644 --- a/src/components/Modal.svelte +++ b/src/components/Modal.svelte @@ -17,9 +17,18 @@ export let defaultData: Record = {} export let data: Record = defaultData + $: if (open === true && typeof window !== 'undefined') { + setTimeout(() => { + window.dispatchEvent(new Event('resize')) + }, 300) + } + + $: if (open === false) { + data = defaultData + } + function close() { open = false - data = defaultData } function trigger() { diff --git a/src/components/Select.svelte b/src/components/Select.svelte index 4d85b69d..6af283c8 100644 --- a/src/components/Select.svelte +++ b/src/components/Select.svelte @@ -12,11 +12,11 @@ export let options: Option[] = [] export let value: string | number - export let selected: Option | undefined export let color = '' export let label = '' export let icon = null + let selected: Option | undefined let open = false let direction = 'down' let checkingDirection = false diff --git a/src/styles/classes/link.postcss b/src/styles/classes/link.postcss index 258b0e5c..46968f9c 100644 --- a/src/styles/classes/link.postcss +++ b/src/styles/classes/link.postcss @@ -23,7 +23,9 @@ color: var(--color-link); } - &:last-child { + &:last-child:nth-child(2), + &:last-child:nth-child(5), + &:last-child:nth-child(8) { margin-right: auto; } } diff --git a/src/styles/normalize.postcss b/src/styles/normalize.postcss index eae3272f..6bf15a0d 100644 --- a/src/styles/normalize.postcss +++ b/src/styles/normalize.postcss @@ -37,7 +37,7 @@ input:focus-visible, input, button, a, -textarea { +.text-input textarea { transition: outline 0.1s ease-in-out; } @@ -49,7 +49,7 @@ a, } input[type='text']:focus-visible, -textarea:focus-visible { +.text-input textarea:focus-visible { outline: 0.25rem solid hsla(155, 58%, 44%, 0.7); }