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 {