Ku6epXBOCTuK/easy-png-tools2
1
0
Fork 0
mirror of https://github.com/Ku6epXBOCTuK/easy-png-tools.git synced 2026-09-14 21:46:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: update style, resolve old css leaks issue

Browse Source
This commit is contained in:
Ku6epXBOCTuK
2026-08-31 08:31:33 +05:00
parent b7d66f0430
commit 586c66a159
6 changed files with 381 additions and 339 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/routes/preview/kit/+page.svelte
+21 -21
View File
@@ -1,29 +1,29 @@
<script lang="ts">
import Badge from "$lib/components/kit/Badge.svelte";
import Button from "$lib/components/kit/Button.svelte";
import CheckboxField from "$lib/components/kit/CheckboxField.svelte";
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";
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 PreviewTile from "$lib/components/kit/PreviewTile.svelte";
import Segmented from "$lib/components/kit/Segmented.svelte";
import SelectField from "$lib/components/kit/SelectField.svelte";
import SettingGroup from "$lib/components/kit/SettingGroup.svelte";
import SettingsFooter from "$lib/components/kit/SettingsFooter.svelte";
import MetaList from "$lib/components/kit/MetaList.svelte";
import Badge from "$lib/components/kit/Badge.svelte";
import Segmented from "$lib/components/kit/Segmented.svelte";
import StepCard from "$lib/components/kit/StepCard.svelte";
import ToolCard from "$lib/components/kit/ToolCard.svelte";
import ImageCard from "$lib/components/kit/ImageCard.svelte";
import PreviewTile from "$lib/components/kit/PreviewTile.svelte";
import CheckerCanvas from "$lib/components/kit/CheckerCanvas.svelte";
import StatusLine from "$lib/components/kit/StatusLine.svelte";
import Button from "$lib/components/kit/Button.svelte";
import IconButton from "$lib/components/kit/IconButton.svelte";
import SliderField from "$lib/components/kit/SliderField.svelte";
import ColorField from "$lib/components/kit/ColorField.svelte";
import StatusLine from "$lib/components/kit/StatusLine.svelte";
import StepCard from "$lib/components/kit/StepCard.svelte";
import TextField from "$lib/components/kit/TextField.svelte";
import SelectField from "$lib/components/kit/SelectField.svelte";
import CheckboxField from "$lib/components/kit/CheckboxField.svelte";
import Toggle from "$lib/components/kit/Toggle.svelte";
import EmptyState from "$lib/components/kit/EmptyState.svelte";
import CodeBlock from "$lib/components/kit/CodeBlock.svelte";
import DownloadButton from "$lib/components/kit/DownloadButton.svelte";
import { Plus, Trash2, Download, ImageOff, Palette } from "@lucide/svelte";
import ToolCard from "$lib/components/kit/ToolCard.svelte";
import { Download, ImageOff, Palette, Plus, Trash2 } from "@lucide/svelte";
let mode = $state("preview");
let radius = $state(8);
@@ -85,7 +85,7 @@
</SettingGroup>
</div>
<SettingsFooter>
<DownloadButton label="Download PNG" size="1.2 MB" onclick={() => {}} />
<DownloadButton label="Download PNG" onclick={() => {}} />
</SettingsFooter>
</Panel>
@@ -174,10 +174,10 @@
<ImageCard label="result.png · 512×512">
<CheckerCanvas size="sm" />
</ImageCard>
<PreviewTile label="tile-01">
<PreviewTile label="tile-01" caption="caption-01">
<CheckerCanvas size="sm" />
</PreviewTile>
<PreviewTile label="tile-02">
<PreviewTile label="tile-02" caption="caption-01">
<CheckerCanvas size="sm" />
</PreviewTile>
</div>