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

fix: update download button style

Browse Source
This commit is contained in:
Ku6epXBOCTuK
2026-09-02 17:37:45 +05:00
parent c590bdf91a
commit ef74cabf1e
4 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/kit/DownloadButton.svelte → web/src/lib/components/kit/ui/DownloadButton.svelte
+8 -7
View File
@@ -16,20 +16,21 @@
<style>
.download-btn {
background: var(--blue);
color: #fff;
background: var(--color-main);
color: var(--color-background);
width: 100%;
height: 42px;
font: 11px var(--font-mono);
height: calc(5 * var(--space-m));
font-size: var(--font-button);
font-family: var(--font-mono);
border: 0;
justify-content: center;
align-items: center;
gap: 9px;
margin-top: 18px;
gap: var(--space-m);
margin-top: var(--space-xl);
display: flex;
white-space: nowrap;
}
.download-btn:hover {
background: color-mix(in srgb, var(--blue) 88%, #000);
background: var(--color-main-tint);
}
</style>
web/src/routes/preview/demo/+page.svelte
+1 -1
View File
@@ -1,6 +1,5 @@
<script lang="ts">
import ColorField from "$lib/components/kit/ColorField.svelte";
import DownloadButton from "$lib/components/kit/DownloadButton.svelte";
import FieldGrid from "$lib/components/kit/FieldGrid.svelte";
import IconButton from "$lib/components/kit/IconButton.svelte";
import PageGrid from "$lib/components/kit/layout/PageGrid.svelte";
@@ -14,6 +13,7 @@
import StepCard from "$lib/components/kit/StepCard.svelte";
import ToggleRow from "$lib/components/kit/ToggleRow.svelte";
import Badge from "$lib/components/kit/ui/Badge.svelte";
import DownloadButton from "$lib/components/kit/ui/DownloadButton.svelte";
import {
ChevronDown,
Plus,
web/src/routes/preview/kit/+page.svelte
+1 -1
View File
@@ -3,7 +3,6 @@
import CheckerCanvas from "$lib/components/kit/CheckerCanvas.svelte";
import CodeBlock from "$lib/components/kit/CodeBlock.svelte";
import ColorField from "$lib/components/kit/ColorField.svelte";
import DownloadButton from "$lib/components/kit/DownloadButton.svelte";
import EmptyState from "$lib/components/kit/EmptyState.svelte";
import IconButton from "$lib/components/kit/IconButton.svelte";
import ImageCard from "$lib/components/kit/ImageCard.svelte";
@@ -23,6 +22,7 @@
import ToolCard from "$lib/components/kit/ToolCard.svelte";
import Badge from "$lib/components/kit/ui/Badge.svelte";
import Button from "$lib/components/kit/ui/Button.svelte";
import DownloadButton from "$lib/components/kit/ui/DownloadButton.svelte";
import { Download, ImageOff, Palette, Plus, Trash2 } from "@lucide/svelte";
let mode = $state("preview");
web/src/routes/preview/tools/[id]/PreviewPanel.svelte
+1 -1
View File
@@ -1,6 +1,5 @@
<script lang="ts">
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";
@@ -10,6 +9,7 @@
import PreviewTile from "$lib/components/kit/PreviewTile.svelte";
import StatusLine from "$lib/components/kit/StatusLine.svelte";
import Button from "$lib/components/kit/ui/Button.svelte";
import DownloadButton from "$lib/components/kit/ui/DownloadButton.svelte";
import type { PixelImage } from "$lib/core/types";
interface PreviewItem {