fix: change icons to use @lucide/svelte
This commit is contained in:
@@ -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,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)}
|
||||
|
||||
Reference in New Issue
Block a user