refactor(TypographyMenu): use separators in one style

This commit is contained in:
Ilia Mashkov
2026-05-25 11:01:11 +03:00
parent 410a7cd37e
commit 37886f3aa7
@@ -153,7 +153,7 @@ $effect(() => {
)} )}
> >
<!-- Header: icon + label --> <!-- Header: icon + label -->
<div class="px-2 md:px-3 flex items-center gap-1.5 md:gap-2 border-r border-subtle mr-1 text-swiss-black dark:text-neutral-200 shrink-0"> <div class="px-2 md:px-3 flex items-center gap-1.5 md:gap-2 mr-1 text-swiss-black dark:text-neutral-200 shrink-0">
<Settings2Icon <Settings2Icon
size={14} size={14}
class="text-swiss-red" class="text-swiss-red"
@@ -167,9 +167,7 @@ $effect(() => {
<!-- Controls with dividers between each --> <!-- Controls with dividers between each -->
{#each typographySettingsStore.controls as control, i (control.id)} {#each typographySettingsStore.controls as control, i (control.id)}
{#if i > 0} <div class="w-px h-4 md:h-6 bg-subtle mx-0.5 md:mx-1 shrink-0"></div>
<div class="w-px h-6 md:h-8 bg-subtle mx-0.5 md:mx-1 shrink-0"></div>
{/if}
<ComboControl <ComboControl
control={control.instance} control={control.instance}