glyphdiff.com/frontend-svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(Footnote): use classes every time

Browse Source
This commit is contained in:
Ilia Mashkov
2026-02-18 17:03:17 +03:00
parent 9f91fed692
commit 45ed0d5601
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/shared/ui/Footnote/Footnote.svelte
View File

@@ -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}