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