feat(shared): add cn utility for tailwind-aware class merging #38
@@ -1 +1 @@
|
||||
export { default as Footer } from './ui/Footer.svelte';
|
||||
export { default as Footer } from './ui/Footer/Footer.svelte';
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
import { cn } from '$shared/lib';
|
||||
import type { ResponsiveManager } from '$shared/lib/helpers';
|
||||
import { getContext } from 'svelte';
|
||||
import FooterLink from './FooterLink.svelte';
|
||||
import FooterLink from '../FooterLink/FooterLink.svelte';
|
||||
|
||||
const responsive = getContext<ResponsiveManager>('responsive');
|
||||
const isVertical = $derived(responsive?.isDesktop || responsive?.isDesktopLarge);
|
||||
@@ -21,17 +21,14 @@ const currentYear = new Date().getFullYear();
|
||||
)}
|
||||
>
|
||||
<!-- Project Name (Horizontal) -->
|
||||
<div
|
||||
class={cn(
|
||||
'pointer-events-auto items-center gap-2 bg-surface/80 dark:bg-dark-bg/80 backdrop-blur-sm px-3 py-1 border border-subtle',
|
||||
isVertical ? 'flex' : 'hidden',
|
||||
)}
|
||||
>
|
||||
{#if isVertical}
|
||||
<div class="pointer-events-auto items-center gap-2 bg-surface/80 dark:bg-dark-bg/80 backdrop-blur-sm px-3 py-1 border border-subtle">
|
||||
<div class="w-1.5 h-1.5 bg-brand"></div>
|
||||
<span class="text-2xs font-mono uppercase tracking-wider-mono text-neutral-500 dark:text-neutral-400">
|
||||
GlyphDiff © 2025 — {currentYear}
|
||||
</span>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<!-- Portfolio Link (Vertical) -->
|
||||
<div class="pointer-events-auto">
|
||||
Reference in New Issue
Block a user