Update action button style for component settings to match designs
This commit is contained in:
parent
ccfa350118
commit
feb8bff299
|
@ -83,4 +83,7 @@
|
||||||
:global([dir="ltr"] .spectrum-ActionButton .spectrum-Icon) {
|
:global([dir="ltr"] .spectrum-ActionButton .spectrum-Icon) {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
.is-selected {
|
||||||
|
background: var(--spectrum-global-color-gray-300);
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -10,8 +10,9 @@
|
||||||
{#each options as option}
|
{#each options as option}
|
||||||
<ActionButton
|
<ActionButton
|
||||||
icon={option.barIcon}
|
icon={option.barIcon}
|
||||||
quiet={option.value !== value}
|
quiet
|
||||||
on:click={() => onChange(option.value)}
|
on:click={() => onChange(option.value)}
|
||||||
|
selected={option.value === value}
|
||||||
/>
|
/>
|
||||||
{/each}
|
{/each}
|
||||||
</ActionGroup>
|
</ActionGroup>
|
||||||
|
|
Loading…
Reference in New Issue