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} step={control.step}
orientation="horizontal" 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()} {formattedValue()}
</span> </span>
</div> </div>
@@ -136,7 +136,7 @@ const displayLabel = $derived(label ?? controlLabel ?? '');
{#if displayLabel} {#if displayLabel}
<span <span
class=" 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 text-neutral-900 dark:text-neutral-100
mb-0.5 leading-none 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> </script>
<div class={cn('flex flex-col gap-3 py-6 border-b border-subtle last:border-0', className)}> <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} {label}
</div> </div>
{@render children?.()} {@render children?.()}

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

@@ -148,7 +148,7 @@ const inputClasses = $derived(cn(
{#if helperText} {#if helperText}
<span <span
class={cn( class={cn(
'text-[0.625rem] font-mono tracking-wide px-1', 'text-2xs font-mono tracking-wide px-1',
error ? 'text-brand ' : 'text-secondary', 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> </div>
{#if subtitle} {#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> <Label variant="muted" size="sm">{subtitle}</Label>
{/if} {/if}
</div> </div>

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

@@ -69,7 +69,7 @@ let {
const isVertical = $derived(orientation === 'vertical'); 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 text-secondary
group-hover:text-neutral-700 dark:group-hover:text-neutral-300 group-hover:text-neutral-700 dark:group-hover:text-neutral-300
transition-colors`; transition-colors`;