mirror of
https://github.com/Ku6epXBOCTuK/easy-png-tools.git
synced 2026-09-14 13:36:36 +00:00
refactor: update panel component
This commit is contained in:
+3
-3
@@ -13,8 +13,8 @@
|
|||||||
|
|
||||||
<style>
|
<style>
|
||||||
.panel {
|
.panel {
|
||||||
background: var(--panel);
|
background: var(--color-panel);
|
||||||
border: 1px solid var(--line);
|
border: var(--size-border) solid var(--color-border);
|
||||||
border-radius: var(--radius);
|
border-radius: var(--radius-s);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -1,5 +1,5 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import Panel from "$lib/components/kit/Panel.svelte";
|
import Panel from "$lib/components/kit/layout/Panel.svelte";
|
||||||
import PanelHeading from "$lib/components/kit/PanelHeading.svelte";
|
import PanelHeading from "$lib/components/kit/PanelHeading.svelte";
|
||||||
import SettingsFooter from "$lib/components/kit/SettingsFooter.svelte";
|
import SettingsFooter from "$lib/components/kit/SettingsFooter.svelte";
|
||||||
import TextField from "$lib/components/kit/TextField.svelte";
|
import TextField from "$lib/components/kit/TextField.svelte";
|
||||||
|
|||||||
@@ -5,8 +5,8 @@
|
|||||||
import ColorField from "$lib/components/kit/ColorField.svelte";
|
import ColorField from "$lib/components/kit/ColorField.svelte";
|
||||||
import EmptyState from "$lib/components/kit/EmptyState.svelte";
|
import EmptyState from "$lib/components/kit/EmptyState.svelte";
|
||||||
import ImageCard from "$lib/components/kit/ImageCard.svelte";
|
import ImageCard from "$lib/components/kit/ImageCard.svelte";
|
||||||
|
import Panel from "$lib/components/kit/layout/Panel.svelte";
|
||||||
import MetaList from "$lib/components/kit/MetaList.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 PanelHeading from "$lib/components/kit/PanelHeading.svelte";
|
||||||
import PreviewTile from "$lib/components/kit/PreviewTile.svelte";
|
import PreviewTile from "$lib/components/kit/PreviewTile.svelte";
|
||||||
import Segmented from "$lib/components/kit/Segmented.svelte";
|
import Segmented from "$lib/components/kit/Segmented.svelte";
|
||||||
|
|||||||
@@ -2,8 +2,8 @@
|
|||||||
import CheckerCanvas from "$lib/components/kit/CheckerCanvas.svelte";
|
import CheckerCanvas from "$lib/components/kit/CheckerCanvas.svelte";
|
||||||
import Dropzone from "$lib/components/kit/Dropzone.svelte";
|
import Dropzone from "$lib/components/kit/Dropzone.svelte";
|
||||||
import EmptyState from "$lib/components/kit/EmptyState.svelte";
|
import EmptyState from "$lib/components/kit/EmptyState.svelte";
|
||||||
|
import Panel from "$lib/components/kit/layout/Panel.svelte";
|
||||||
import MetaList from "$lib/components/kit/MetaList.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 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";
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import EmptyState from "$lib/components/kit/EmptyState.svelte";
|
import EmptyState from "$lib/components/kit/EmptyState.svelte";
|
||||||
import Panel from "$lib/components/kit/Panel.svelte";
|
import Panel from "$lib/components/kit/layout/Panel.svelte";
|
||||||
import PanelHeading from "$lib/components/kit/PanelHeading.svelte";
|
import PanelHeading from "$lib/components/kit/PanelHeading.svelte";
|
||||||
import SelectField from "$lib/components/kit/SelectField.svelte";
|
import SelectField from "$lib/components/kit/SelectField.svelte";
|
||||||
import SettingsFooter from "$lib/components/kit/SettingsFooter.svelte";
|
import SettingsFooter from "$lib/components/kit/SettingsFooter.svelte";
|
||||||
|
|||||||
Reference in New Issue
Block a user