feature/ux-improvements #26
@@ -16,16 +16,22 @@ interface Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const { children, class: className, render }: Props = $props();
|
const { children, class: className, render }: Props = $props();
|
||||||
|
|
||||||
const baseClasses =
|
|
||||||
'font-mono text-[0.5625rem] sm:text-[0.625rem] uppercase tracking-[0.2em] text-text-soft opacity-60';
|
|
||||||
const combinedClasses = cn(baseClasses, className);
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
{#if render}
|
{#if render}
|
||||||
{@render render({ class: combinedClasses })}
|
{@render render({
|
||||||
|
class: cn(
|
||||||
|
'font-mono text-[0.5625rem] sm:text-[0.625rem] lowercase tracking-[0.2em] text-text-soft',
|
||||||
|
className,
|
||||||
|
),
|
||||||
|
})}
|
||||||
{:else if children}
|
{:else if children}
|
||||||
<span class={combinedClasses}>
|
<span
|
||||||
|
class={cn(
|
||||||
|
'font-mono text-[0.5625rem] sm:text-[0.625rem] lowercase tracking-[0.2em] text-text-soft',
|
||||||
|
className,
|
||||||
|
)}
|
||||||
|
>
|
||||||
{@render children()}
|
{@render children()}
|
||||||
</span>
|
</span>
|
||||||
{/if}
|
{/if}
|
||||||
|
|||||||
Reference in New Issue
Block a user