glyphdiff.com/frontend-svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: replace arbitrary text sizes in ComboControl, ControlGroup, Input, Slider, SectionHeader

Browse Source
This commit is contained in:
Ilia Mashkov
2026-04-17 09:41:55 +03:00
parent 0737db69a9
commit 7b46e06f8b
5 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/shared/ui/ComboControl/ComboControl.svelte
View File

@@ -93,7 +93,7 @@ const displayLabel = $derived(label ?? controlLabel ?? '');
step={control.step}
orientation="horizontal"
/>
<span class="font-mono text-[0.6875rem] text-secondary tabular-nums w-10 text-right shrink-0">
<span class="font-mono text-xs text-secondary tabular-nums w-10 text-right shrink-0">
{formattedValue()}
</span>
</div>
@@ -136,7 +136,7 @@ const displayLabel = $derived(label ?? controlLabel ?? '');
{#if displayLabel}
<span
class="
text-[0.5625rem] font-primary font-bold tracking-tight uppercase
text-3xs font-primary font-bold tracking-tight uppercase
text-neutral-900 dark:text-neutral-100
mb-0.5 leading-none
"

2
src/shared/ui/ControlGroup/ControlGroup.svelte
View File

@@ -25,7 +25,7 @@ const { label, children, class: className }: Props = $props();
</script>
<div class={cn('flex flex-col gap-3 py-6 border-b border-subtle last:border-0', className)}>
<div class="flex justify-between items-center text-[0.6875rem] font-primary font-bold tracking-tight text-neutral-900 dark:text-neutral-100 uppercase leading-none">
<div class="flex justify-between items-center text-xs font-primary font-bold tracking-tight text-neutral-900 dark:text-neutral-100 uppercase leading-none">
{label}
</div>
{@render children?.()}

2
src/shared/ui/Input/Input.svelte
View File

@@ -148,7 +148,7 @@ const inputClasses = $derived(cn(
{#if helperText}
<span
class={cn(
'text-[0.625rem] font-mono tracking-wide px-1',
'text-2xs font-mono tracking-wide px-1',
error ? 'text-brand ' : 'text-secondary',
)}
>

2
src/shared/ui/Section/SectionHeader/SectionHeader.svelte
View File

@@ -53,7 +53,7 @@ const indexStr = $derived(String(index).padStart(2, '0'));
</div>
{#if subtitle}
<span class="text-neutral-300 dark:text-neutral-700 text-[0.625rem] hidden md:inline">/</span>
<span class="text-neutral-300 dark:text-neutral-700 text-2xs hidden md:inline">/</span>
<Label variant="muted" size="sm">{subtitle}</Label>
{/if}
</div>

2
src/shared/ui/Slider/Slider.svelte
View File

@@ -69,7 +69,7 @@ let {
const isVertical = $derived(orientation === 'vertical');
const labelClasses = `font-mono text-[0.625rem] tabular-nums shrink-0
const labelClasses = `font-mono text-2xs tabular-nums shrink-0
text-secondary
group-hover:text-neutral-700 dark:group-hover:text-neutral-300
transition-colors`;