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

fix: update font styles

Browse Source
This commit is contained in:
Ku6epXBOCTuK
2026-08-31 09:14:33 +05:00
parent ecc8efcc45
commit 0b13d4c9e8
5 changed files with 18 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/kit/MetaRow.svelte
+1 -2
View File
@@ -25,8 +25,7 @@
.meta-value { .meta-value {
margin-top: 5px; margin-top: 5px;
line-height: normal; line-height: normal;
font-family: var(--font-mono); font: 11px var(--font-mono);
font-size: 11px;
color: var(--foreground); color: var(--foreground);
} }
</style> </style>
web/src/lib/components/kit/PreviewTile.svelte
+2 -2
View File
@@ -59,11 +59,11 @@
color: var(--blue); color: var(--blue);
} }
.tile-label span { .tile-label span {
font: 10px var(--font-mono); font: 9px var(--font-mono);
color: var(--blue); color: var(--blue);
} }
.tile-label b { .tile-label b {
font: 400 10px var(--font-mono); font: 400 9px var(--font-mono);
color: var(--muted); color: var(--muted);
text-align: right; text-align: right;
} }
web/src/lib/components/kit/SliderField.svelte
+3 -1
View File
@@ -39,10 +39,12 @@
margin-bottom: 8px; margin-bottom: 8px;
} }
output { output {
font: 11px var(--font-mono); font: 10px var(--font-mono);
color: var(--foreground); color: var(--foreground);
} }
input[type="range"] { input[type="range"] {
color: var(--foreground);
line-height: inherit;
width: 100%; width: 100%;
accent-color: var(--blue); accent-color: var(--blue);
} }
web/src/lib/components/kit/StepCard.svelte
+5 -1
View File
@@ -55,7 +55,7 @@
.step-index { .step-index {
grid-column: 1; grid-column: 1;
grid-row: 1; grid-row: 1;
font: 600 22px var(--font-mono); font: 11px var(--font-mono);
color: var(--blue); color: var(--blue);
padding: 17px 0 0px 15px; padding: 17px 0 0px 15px;
border-right: 1px solid var(--line); border-right: 1px solid var(--line);
@@ -92,6 +92,10 @@
background: transparent; background: transparent;
color: var(--muted); color: var(--muted);
cursor: pointer; cursor: pointer;
line-height: inherit;
& :global(svg) {
line-height: inherit;
}
} }
.step-card :global(.drag) { .step-card :global(.drag) {
margin-top: 17px; margin-top: 17px;
web/src/routes/preview/tools/[id]/PreviewPanel.svelte
+7 -7
View File
@@ -1,16 +1,16 @@
<script lang="ts"> <script lang="ts">
import type { PixelImage } from "$lib/core/types"; import Button from "$lib/components/kit/Button.svelte";
import CheckerCanvas from "$lib/components/kit/CheckerCanvas.svelte";
import DownloadButton from "$lib/components/kit/DownloadButton.svelte";
import Dropzone from "$lib/components/kit/Dropzone.svelte";
import EmptyState from "$lib/components/kit/EmptyState.svelte";
import MetaList from "$lib/components/kit/MetaList.svelte";
import Panel from "$lib/components/kit/Panel.svelte"; import Panel from "$lib/components/kit/Panel.svelte";
import PanelHeading from "$lib/components/kit/PanelHeading.svelte"; import PanelHeading from "$lib/components/kit/PanelHeading.svelte";
import PreviewStack from "$lib/components/kit/PreviewStack.svelte"; import PreviewStack from "$lib/components/kit/PreviewStack.svelte";
import PreviewTile from "$lib/components/kit/PreviewTile.svelte"; import PreviewTile from "$lib/components/kit/PreviewTile.svelte";
import CheckerCanvas from "$lib/components/kit/CheckerCanvas.svelte";
import DownloadButton from "$lib/components/kit/DownloadButton.svelte";
import Dropzone from "$lib/components/kit/Dropzone.svelte";
import Button from "$lib/components/kit/Button.svelte";
import StatusLine from "$lib/components/kit/StatusLine.svelte"; import StatusLine from "$lib/components/kit/StatusLine.svelte";
import MetaList from "$lib/components/kit/MetaList.svelte"; import type { PixelImage } from "$lib/core/types";
import EmptyState from "$lib/components/kit/EmptyState.svelte";
interface PreviewItem { interface PreviewItem {
toolId: string; toolId: string;