fix: change icons to use @lucide/svelte

This commit is contained in:
2026-02-08 15:50:33 +05:00
parent b09e3aeab4
commit 4a6e459407
25 changed files with 33 additions and 123 deletions
+2 -2
View File
@@ -1,6 +1,6 @@
<script lang="ts">
import Button from "$components/ui/Button.svelte";
import IconCross from "$components/ui/Icons/IconCross.svelte";
import { X as Cross } from "@lucide/svelte";
import { fly } from "svelte/transition";
interface Props {
@@ -14,7 +14,7 @@
<div class="text-item" transition:fly={{ x: 600, duration: 300 }}>
<input type="text" bind:value={text} />
<Button icon={IconCross} type="danger" onclick={() => ondelete(id)} />
<Button icon={Cross} type="danger" onclick={() => ondelete(id)} />
</div>
<style>
+2 -2
View File
@@ -2,8 +2,8 @@
import Card from "$components/layout/Card.svelte";
import InputGroup from "$components/layout/InputGroup.svelte";
import Button from "$components/ui/Button.svelte";
import IconPlus from "$components/ui/Icons/IconPlus.svelte";
import { textsState } from "$states/texts.svelte";
import { Plus } from "@lucide/svelte";
import TextInlineEdit from "./TextInlineEdit.svelte";
import TextInput from "./TextInput.svelte";
@@ -25,7 +25,7 @@
<Card title="Тексты панелей">
<InputGroup>
<TextInput bind:text onenter={addText} />
<Button icon={IconPlus} onclick={addText} />
<Button icon={Plus} onclick={addText} />
</InputGroup>
<div class="texts-list">
{#each textsState.texts as { text, id } (id)}