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

refactor: replace px text sizes in Button, Loader, Footnote with named tokens

Browse Source
This commit is contained in:
Ilia Mashkov
2026-04-17 09:41:14 +03:00
parent 64b4a65e7b
commit 0737db69a9
3 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/shared/ui/Button/Button.svelte
View File

@@ -150,11 +150,11 @@ const variantStyles: Record<ButtonVariant, string> = {
}; };
const sizeStyles: Record<ButtonSize, string> = { const sizeStyles: Record<ButtonSize, string> = {
xs: 'h-6 px-2 text-[9px] gap-1', xs: 'h-6 px-2 text-3xs gap-1',
sm: 'h-8 px-3 text-[10px] gap-1.5', sm: 'h-8 px-3 text-2xs gap-1.5',
md: 'h-10 px-4 text-[11px] gap-2', md: 'h-10 px-4 text-xs gap-2',
lg: 'h-12 px-6 text-[12px] gap-2', lg: 'h-12 px-6 text-xs gap-2',
xl: 'h-14 px-8 text-[13px] gap-2.5', xl: 'h-14 px-8 text-sm gap-2.5',
}; };
// Square padding for icon-only mode // Square padding for icon-only mode

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

@@ -27,14 +27,14 @@ const { children, class: className, render }: Props = $props();
{#if render} {#if render}
{@render render({ {@render render({
class: cn( class: cn(
'font-mono text-[0.5625rem] sm:text-[0.625rem] lowercase tracking-[0.2em] text-text-soft', 'font-mono text-3xs sm:text-2xs lowercase tracking-wider-mono text-text-soft',
className, className,
), ),
})} })}
{:else if children} {:else if children}
<span <span
class={cn( class={cn(
'font-mono text-[0.5625rem] sm:text-[0.625rem] lowercase tracking-[0.2em] text-text-soft', 'font-mono text-3xs sm:text-2xs lowercase tracking-wider-mono text-text-soft',
className, className,
)} )}
> >

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

@@ -71,7 +71,7 @@ let { size = 20, class: className = '', message = 'analyzing_data' }: Props = $p
<div class="w-px h-3 bg-text-muted/50"></div> <div class="w-px h-3 bg-text-muted/50"></div>
<!-- Message --> <!-- Message -->
<span class="font-mono text-[10px] uppercase tracking-[0.2em] text-text-subtle font-medium"> <span class="font-mono text-2xs uppercase tracking-wider-mono text-text-subtle font-medium">
{message} {message}
</span> </span>
</div> </div>