fix: use Button's size prop instead of direct font-size class

This commit is contained in:
Ilia Mashkov
2026-04-17 08:56:46 +03:00
parent 0562b94b03
commit 5b1a1d0b0a
2 changed files with 9 additions and 13 deletions

View File

@@ -70,19 +70,21 @@ let {
-->
<ButtonGroup>
<ToggleButton
size="sm"
active={comparisonStore.side === 'A'}
onclick={() => comparisonStore.side = 'A'}
class="flex-1 tracking-wide font-bold uppercase text-[0.625rem]"
class="flex-1 tracking-wide font-bold uppercase"
>
<span>Left Font</span>
</ToggleButton>
<ToggleButton
class="flex-1 tracking-wide font-bold uppercase text-[0.625rem]"
size="sm"
class="flex-1 tracking-wide font-bold uppercase"
active={comparisonStore.side === 'B'}
onclick={() => comparisonStore.side = 'B'}
>
<span class="uppercase">Right Font</span>
<span>Right Font</span>
</ToggleButton>
</ButtonGroup>
</div>