Ku6epXBOCTuK/easy-png-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: increase font size

Browse Source
This commit is contained in:
Ku6epXBOCTuK
2026-09-02 20:19:40 +05:00
parent e9de7a4bf8
commit 1e63eaa03b
8 changed files with 20 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/kit/MonoLabel.svelte
+4 -6
View File
@@ -17,15 +17,13 @@
<style>
.mono-label {
font-family: var(--font-mono);
font-size: 10px;
font-weight: 400;
letter-spacing: 0.12em;
color: var(--muted);
font: normal var(--font-size-s) var(--font-mono);
letter-spacing: var(--space-text-l);
color: var(--color-text-muted);
line-height: normal;
}
.accent {
color: var(--blue);
color: var(--color-accent);
}
</style>
web/src/lib/components/kit/layout/Field.svelte
+1 -1
View File
@@ -29,7 +29,7 @@
}
.field-hint {
font-family: var(--font-mono);
font-size: var(--font-text);
font-size: var(--font-size-s);
color: var(--color-text-muted);
}
</style>
web/src/lib/components/kit/layout/Footer.svelte
+1 -1
View File
@@ -14,7 +14,7 @@
justify-content: space-between;
padding: var(--space-xl);
border-top: var(--size-border) solid var(--color-border);
font: var(--font-text) var(--font-mono);
font: var(--font-size-s) var(--font-mono);
color: var(--color-text-muted);
& span {
display: flex;
web/src/lib/components/kit/layout/TopBar.svelte
+5 -5
View File
@@ -18,7 +18,7 @@
<span class="brand-mark">EP</span>
<span>easy-png-tools</span>
{#if crumb}
<span class="version">{crumb}</span>
<span class="crumb">{crumb}</span>
{/if}
</a>
<TopNav />
@@ -41,7 +41,7 @@
display: flex;
align-items: center;
gap: var(--space-m);
font: bold var(--font-button) var(--font-mono);
font: bold var(--font-size-l) var(--font-mono);
color: var(--color-text);
text-decoration: none;
}
@@ -50,12 +50,12 @@
color: var(--color-background);
width: var(--space-brand);
height: var(--space-brand);
font-size: var(--font-brand);
font-size: var(--font-size-m);
display: grid;
place-items: center;
}
.version {
font: var(--font-text) var(--font-mono);
.crumb {
font: var(--font-size-s) var(--font-mono);
letter-spacing: var(--space-text-l);
color: var(--color-main);
}
web/src/lib/components/kit/ui/Badge.svelte
+1 -1
View File
@@ -47,7 +47,7 @@
gap: var(--space-s);
line-height: normal;
font-family: var(--font-mono);
font-size: var(--font-text);
font-size: var(--font-size-s);
font-weight: bold;
border-width: var(--size-border-thick);
padding: var(--space-s) var(--space-m);
web/src/lib/components/kit/ui/Button.svelte
+1 -1
View File
@@ -44,7 +44,7 @@
border-color: var(--color-main);
border-width: var(--size-border-thick);
border-radius: var(--radius-s);
font-size: var(--font-button);
font-size: var(--font-size-l);
font-weight: bold;
cursor: pointer;
background: var(--color-main);
web/src/lib/components/kit/ui/TopNav.svelte
+1 -1
View File
@@ -21,7 +21,7 @@
}
.nav a {
color: var(--color-text);
font: bold var(--font-text) var(--font-mono);
font: bold var(--font-size-s) var(--font-mono);
white-space: nowrap;
text-decoration: none;
}
web/src/preview.css
+6 -5
View File
@@ -133,15 +133,16 @@
--space-brand: 32px;
--space-text-s: 0;
--space-text-m: 0.06em;
--space-text-l: 0.12em;
--space-text-m: 0.04em;
--space-text-l: 0.08em;
--space-text-xl: 0.12em;
--size-border: 1px;
--size-border-thick: 2px;
--font-text: 10px;
--font-brand: 12px;
--font-button: 14px;
--font-size-s: 12px;
--font-size-m: 14px;
--font-size-l: 16px;
--radius-s: 0px;
--radius-m: 4px;