🎋 Makes icon optional for status item
This commit is contained in:
@@ -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}">
|
||||||
<div class="mask mask-hexagon {bgColor} h-auto w-10 flex-none">
|
{#if icon}
|
||||||
<Icon class="{textColor} h-auto w-full scale-75" />
|
<div class="mask mask-hexagon {bgColor} h-auto w-10 flex-none">
|
||||||
</div>
|
<Icon class="{textColor} h-auto w-full scale-75" />
|
||||||
|
</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>
|
||||||
|
|||||||
Reference in New Issue
Block a user