fix: update font styles
This commit is contained in:
@@ -25,8 +25,7 @@
|
||||
.meta-value {
|
||||
margin-top: 5px;
|
||||
line-height: normal;
|
||||
font-family: var(--font-mono);
|
||||
font-size: 11px;
|
||||
font: 11px var(--font-mono);
|
||||
color: var(--foreground);
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -59,11 +59,11 @@
|
||||
color: var(--blue);
|
||||
}
|
||||
.tile-label span {
|
||||
font: 10px var(--font-mono);
|
||||
font: 9px var(--font-mono);
|
||||
color: var(--blue);
|
||||
}
|
||||
.tile-label b {
|
||||
font: 400 10px var(--font-mono);
|
||||
font: 400 9px var(--font-mono);
|
||||
color: var(--muted);
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
@@ -39,10 +39,12 @@
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
output {
|
||||
font: 11px var(--font-mono);
|
||||
font: 10px var(--font-mono);
|
||||
color: var(--foreground);
|
||||
}
|
||||
input[type="range"] {
|
||||
color: var(--foreground);
|
||||
line-height: inherit;
|
||||
width: 100%;
|
||||
accent-color: var(--blue);
|
||||
}
|
||||
|
||||
@@ -55,7 +55,7 @@
|
||||
.step-index {
|
||||
grid-column: 1;
|
||||
grid-row: 1;
|
||||
font: 600 22px var(--font-mono);
|
||||
font: 11px var(--font-mono);
|
||||
color: var(--blue);
|
||||
padding: 17px 0 0px 15px;
|
||||
border-right: 1px solid var(--line);
|
||||
@@ -92,6 +92,10 @@
|
||||
background: transparent;
|
||||
color: var(--muted);
|
||||
cursor: pointer;
|
||||
line-height: inherit;
|
||||
& :global(svg) {
|
||||
line-height: inherit;
|
||||
}
|
||||
}
|
||||
.step-card :global(.drag) {
|
||||
margin-top: 17px;
|
||||
|
||||
@@ -1,16 +1,16 @@
|
||||
<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 PanelHeading from "$lib/components/kit/PanelHeading.svelte";
|
||||
import PreviewStack from "$lib/components/kit/PreviewStack.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 MetaList from "$lib/components/kit/MetaList.svelte";
|
||||
import EmptyState from "$lib/components/kit/EmptyState.svelte";
|
||||
import type { PixelImage } from "$lib/core/types";
|
||||
|
||||
interface PreviewItem {
|
||||
toolId: string;
|
||||
|
||||
Reference in New Issue
Block a user