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

chore: replace custom components with footnote and logo components

Browse Source
This commit is contained in:
Ilia Mashkov
2026-02-06 15:56:48 +03:00
parent 492c3573d0
commit 0d572708c0
4 changed files with 38 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/shared/ui/Section/Section.svelte
View File

@@ -11,6 +11,7 @@ import {
type FlyParams,
fly,
} from 'svelte/transition';
import { Footnote } from '..';
interface Props extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
/**
@@ -91,17 +92,21 @@ $effect(() => {
out:fly={flyParams}
>
<div class="flex flex-col gap-2 sm:gap-3" bind:this={titleContainer}>
<div class="flex items-center gap-2 sm:gap-3 opacity-60">
<div class="flex items-center gap-2 sm:gap-3">
{#if icon}
{@render icon({ className: 'size-3 sm:size-4 stroke-gray-900 stroke-1' })}
<div class="w-px h-2.5 sm:h-3 bg-gray-400/50"></div>
{@render icon({ className: 'size-3 sm:size-4 stroke-gray-900 stroke-1 opacity-60' })}
<div class="w-px h-2.5 sm:h-3 bg-gray-300/60"></div>
{/if}
{#if description}
{@render description({ className: 'font-mono text-[9px] sm:text-[10px] uppercase tracking-[0.2em] text-gray-600' })}
<Footnote>
{#snippet render({ class: className })}
{@render description({ className })}
{/snippet}
</Footnote>
{:else if typeof index === 'number'}
<span class="font-mono text-[9px] sm:text-[10px] uppercase tracking-[0.2em] text-gray-600">
<Footnote>
Component_{String(index).padStart(3, '0')}
</span>
</Footnote>
{/if}
</div>