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
+3 -4
View File
@@ -1,9 +1,8 @@
<script lang="ts">
import Button from "$components/ui/Button.svelte";
import IconArrowLeft from "$components/ui/Icons/IconArrowLeft.svelte";
import IconArrowRight from "$components/ui/Icons/IconArrowRight.svelte";
import type { SlideDirectionType } from "$lib/constants";
import { PANEL_SETTINGS } from "$lib/constants";
import { ChevronLeft, ChevronRight } from "@lucide/svelte";
interface Props {
current: number;
@@ -29,9 +28,9 @@
let xDirection = $derived(direction == "next" ? PANEL_SETTINGS.PANEL_WIDTH : -PANEL_SETTINGS.PANEL_WIDTH);
</script>
<Button icon={IconArrowLeft} type="mini" onclick={prev} disabled={isFirst} />
<Button icon={ChevronLeft} type="mini" onclick={prev} disabled={isFirst} />
<span class="panel-indicator">{current + 1} / {max}</span>
<Button icon={IconArrowRight} type="mini" onclick={next} disabled={isLast} />
<Button icon={ChevronRight} type="mini" onclick={next} disabled={isLast} />
<style>
.panel-indicator {
+4 -5
View File
@@ -2,13 +2,12 @@
import Card from "$components/layout/Card.svelte";
import Badge from "$components/ui/Badge.svelte";
import Button from "$components/ui/Button.svelte";
import IconDownload from "$components/ui/Icons/IconDownload.svelte";
import IconEmpty from "$components/ui/Icons/IconEmpty.svelte";
import { PANEL_SETTINGS, type SlideDirectionType } from "$lib/constants";
import { downloadService, type DownloadItem } from "$services/downloadService";
import { konvaAllStagesState } from "$states/konvaAllStages.svelte";
import { konvaStageState } from "$states/konvaStage.svelte";
import { textsState } from "$states/texts.svelte";
import { Download, StickyNote } from "@lucide/svelte";
import { fly } from "svelte/transition";
import Preview from "./Preview.svelte";
import PreviewAll from "./PreviewAll.svelte";
@@ -70,15 +69,15 @@
{/key}
{:else}
<div class="empty-state">
<IconEmpty />
<StickyNote />
<p>Добавьте тексты для создания панелей</p>
</div>
{/if}
</div>
<div class="panel-actions">
<Button label="Скачать всё" icon={IconDownload} onclick={downloadAll} />
<Button label="Скачать" type="outline" icon={IconDownload} onclick={downloadCurrent} />
<Button label="Скачать всё" icon={Download} onclick={downloadAll} />
<Button label="Скачать" type="outline" icon={Download} onclick={downloadCurrent} />
</div>
</div>
</Card>