prefer lucide-svelte icons

MIERUNE · Nov 21, 2024 · 5f68f52 · 5f68f52
1 parent 6f550bd
commit 5f68f52
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 38 deletions.
diff --git a/src/content/examples/custom-control/CustomControl.svelte b/src/content/examples/custom-control/CustomControl.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { HillshadeLayer, MapLibre, RasterDEMTileSource, Terrain, CustomControl } from 'svelte-maplibre-gl';
-	import IconMoon from './IconMoon.svelte';
-	import IconSun from './IconSun.svelte';
+	import Sun from 'lucide-svelte/icons/sun';
+	import Moon from 'lucide-svelte/icons/moon';
 	import { MyControl } from './MyControl.js';
 
 	let isHillshadeVisible = $state(true);
@@ -41,9 +41,9 @@
 		<CustomControl.Group>
 			<CustomControl.Icon onclick={() => (isDarkMode = !isDarkMode)} class="text-gray-900">
 				{#if isDarkMode}
-					<IconMoon />
+					<Moon />
 				{:else}
-					<IconSun />
+					<Sun />
 				{/if}
 			</CustomControl.Icon>
 		</CustomControl.Group>

diff --git a/src/content/examples/custom-control/IconMoon.svelte b/src/content/examples/custom-control/IconMoon.svelte
diff --git a/src/content/examples/custom-control/IconSun.svelte b/src/content/examples/custom-control/IconSun.svelte