Darkages/SpotMicroESP32-Leika
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎋 Makes icon optional for status item

Browse Source
This commit is contained in:
Rune Harlyk
2025-03-20 15:32:15 +01:00
committed by Rune Harlyk
parent 569c19ad1d
commit 23a41d26b1
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/lib/components/StatusItem.svelte
+3 -1
View File
@@ -9,7 +9,7 @@
class: klass = '', class: klass = '',
children = null children = null
} = $props<{ } = $props<{
icon: any icon?: any
title: string title: string
description?: string | number description?: string | number
variant?: Variant variant?: Variant
@@ -32,9 +32,11 @@
</script> </script>
<div class="rounded-box bg-base-100 flex items-center space-x-3 px-4 py-2 {klass}"> <div class="rounded-box bg-base-100 flex items-center space-x-3 px-4 py-2 {klass}">
{#if icon}
<div class="mask mask-hexagon {bgColor} h-auto w-10 flex-none"> <div class="mask mask-hexagon {bgColor} h-auto w-10 flex-none">
<Icon class="{textColor} h-auto w-full scale-75" /> <Icon class="{textColor} h-auto w-full scale-75" />
</div> </div>
{/if}
<div class="grow"> <div class="grow">
<div class="font-bold">{title}</div> <div class="font-bold">{title}</div>
<div class="text-sm opacity-75 grow">{description}</div> <div class="text-sm opacity-75 grow">{description}</div>