Skip to content

Commit c280123

Browse files
fix(Header): set SVG height explicitly to fix safari rendering issue
1 parent 5fa7c3b commit c280123

File tree

4 files changed

+3
-2
lines changed

4 files changed

+3
-2
lines changed

src/lib/Header/index.svelte

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,15 +24,16 @@
2424
<nav class="flex flex-row gap-x-2 md:gap-x-6">
2525
{#each routes as { href, label, icon }}
2626
<a {href} class="nav-link" class:active={$page.url.pathname.split('?')[0] === href}
27-
><svelte:component this={icon} /><span class="hidden sm:inline">{label}</span></a
27+
><svelte:component this={icon} class="h-6" /><span class="hidden sm:inline">{label}</span
28+
></a
2829
>
2930
{/each}
3031
</nav>
3132
</header>
3233

3334
<style type="postcss">
3435
.nav-link {
35-
@apply border-4 border-transparent
36+
@apply border-4 border-transparent
3637
font-semibold p-2 rounded-md
3738
transition-colors
3839
grid grid-cols-[20px,_1fr] items-center sm:gap-x-2 md:gap-x-4;
819 Bytes
Loading
268 Bytes
Loading
4.44 KB
Loading

0 commit comments

Comments
 (0)