Update action button style for component settings to match designs

This commit is contained in:
Andrew Kingston 2022-06-08 16:51:14 +01:00
parent ccfa350118
commit feb8bff299
2 changed files with 5 additions and 1 deletions

View File

@ -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>

View File

@ -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>