refactor: update panel component

This commit is contained in:
2026-09-02 19:33:34 +05:00
parent 991fe69381
commit 2f758a88af
5 changed files with 7 additions and 7 deletions
@@ -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 -1
View File
@@ -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";
+1 -1
View File
@@ -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";