Fixed dynamic text color for grid cards
This commit is contained in:
parent
9f3c03fd46
commit
748dc0cd17
|
|
@ -11,9 +11,9 @@ const imageUrl = props.image || ''
|
||||||
<div class="aspect-square overflow-hidden">
|
<div class="aspect-square overflow-hidden">
|
||||||
<div class={`flex flex-col justify-between h-full bg-[${props.bgColor}]`}>
|
<div class={`flex flex-col justify-between h-full bg-[${props.bgColor}]`}>
|
||||||
{ props.type === 'text' && (
|
{ props.type === 'text' && (
|
||||||
<div class="p-16">
|
<div class="p-16 flex flex-col justify-between h-full">
|
||||||
<Icon name={props.icon} class="text-8xl" />
|
<Icon name={props.icon} class={`text-8xl text-[${textColor}]`} />
|
||||||
<p>{props.text}</p>
|
<p class={`text-[${textColor}]`}>{props.text}</p>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
{ props.type === 'image' && (
|
{ props.type === 'image' && (
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue