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

fix icon color inheritance, tweak select chevron

Browse source
This commit is contained in:
Justin Edmund 2025-11-30 06:02:50 -08:00
parent bc67d22c4b
commit fcc0a884f5
2 changed files with 9 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/lib/components/Icon.svelte
View file

@ -48,11 +48,11 @@
</script>
{#if !loading && svgContent}
<span
<span
class="icon {className}"
style="width: {typeof size === 'number' ? `${size}px` : size};
style="width: {typeof size === 'number' ? `${size}px` : size};
height: {typeof size === 'number' ? `${size}px` : size};
color: {color};
{color !== 'currentColor' ? `color: ${color};` : ''}
display: inline-flex;
align-items: center;
justify-content: center;"

18
src/lib/components/ui/Select.svelte
View file

@ -58,13 +58,7 @@
)
const selectClasses = $derived(
[
'select',
size,
contained && 'contained',
fullWidth && 'full',
disabled && 'disabled'
]
['select', size, contained && 'contained', fullWidth && 'full', disabled && 'disabled']
.filter(Boolean)
.join(' ')
)
@ -94,7 +88,7 @@
<SelectPrimitive.Root
type="single"
{...(value !== undefined && value !== null ? { value: String(value) } : {})}
{...value !== undefined && value !== null ? { value: String(value) } : {}}
onValueChange={handleValueChange}
{disabled}
items={stringOptions}
@ -112,7 +106,7 @@
{#each options as option}
<SelectPrimitive.Item
value={String(option.value)}
{...(option.disabled !== undefined ? { disabled: option.disabled } : {})}
{...option.disabled !== undefined ? { disabled: option.disabled } : {}}
class="item"
>
{#snippet children({ selected })}
@ -139,7 +133,7 @@
{:else}
<SelectPrimitive.Root
type="single"
{...(value !== undefined && value !== null ? { value: String(value) } : {})}
{...value !== undefined && value !== null ? { value: String(value) } : {}}
onValueChange={handleValueChange}
{disabled}
items={stringOptions}
@ -157,7 +151,7 @@
{#each options as option}
<SelectPrimitive.Item
value={String(option.value)}
{...(option.disabled !== undefined ? { disabled: option.disabled } : {})}
{...option.disabled !== undefined ? { disabled: option.disabled } : {}}
class="item"
>
{#snippet children({ selected })}
@ -305,7 +299,7 @@
:global(.chevron) {
flex-shrink: 0;
color: var(--text-secondary);
color: var(--text-tertiary);
margin-left: auto;
}
}