mirror of
https://github.com/pheralb/svgl.git
synced 2025-02-06 06:58:04 +08:00
🛠️ Add back to home link.
This commit is contained in:
parent
22adf5919e
commit
1b5b71fc33
@ -14,15 +14,17 @@
|
|||||||
// Icons:
|
// Icons:
|
||||||
import Heart from 'phosphor-svelte/lib/Heart';
|
import Heart from 'phosphor-svelte/lib/Heart';
|
||||||
import ArrowUpRight from 'phosphor-svelte/lib/ArrowUpRight';
|
import ArrowUpRight from 'phosphor-svelte/lib/ArrowUpRight';
|
||||||
|
import ArrowLeft from 'phosphor-svelte/lib/ArrowLeft';
|
||||||
|
|
||||||
// Toaster:
|
// Toaster:
|
||||||
import { Toaster } from 'svelte-french-toast';
|
import { Toaster } from 'svelte-french-toast';
|
||||||
import Transition from '@/components/transition.svelte';
|
import Transition from '@/components/transition.svelte';
|
||||||
|
import Container from '@/components/container.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<main class="min-h-screen bg-dark font-sans text-mini text-white">
|
<main class="min-h-screen bg-dark font-sans text-mini text-white">
|
||||||
<nav
|
<nav
|
||||||
class="z-50 w-full overflow-y-auto overflow-x-hidden border-b border-neutral-800 md:pb-10 md:fixed md:top-0 md:left-0 md:h-full md:w-60 md:border-none"
|
class="z-50 w-full overflow-y-auto overflow-x-hidden border-b border-neutral-800 md:fixed md:top-0 md:left-0 md:h-full md:w-60 md:border-none md:pb-10"
|
||||||
>
|
>
|
||||||
<div class="items-center px-6 py-6">
|
<div class="items-center px-6 py-6">
|
||||||
<div class="mb-3 border-b border-neutral-700/40 pb-3">
|
<div class="mb-3 border-b border-neutral-700/40 pb-3">
|
||||||
@ -35,7 +37,7 @@
|
|||||||
<p class="mt-2 font-medium text-neutral-400">✨ Optimized SVGs logos</p>
|
<p class="mt-2 font-medium text-neutral-400">✨ Optimized SVGs logos</p>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="flex items-center space-y-1 overflow-y-auto border-b border-neutral-700/40 pb-3 md:mb-3 md:flex-col md:overflow-y-visible"
|
class="flex items-center space-x-1 overflow-y-auto border-b border-neutral-700/40 pb-3 md:mb-3 md:flex-col md:space-x-0 md:space-y-1 md:overflow-y-visible"
|
||||||
>
|
>
|
||||||
{#each categories as category}
|
{#each categories as category}
|
||||||
<a
|
<a
|
||||||
@ -49,7 +51,7 @@
|
|||||||
{/each}
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="mt-3 flex flex-row items-center space-x-2 border-b border-neutral-700/40 pb-3 md:mt-0 md:flex-col md:space-y-1"
|
class="mt-3 flex flex-row items-center space-x-2 border-b border-neutral-700/40 pb-3 md:mt-0 md:flex-col md:space-x-0 md:space-y-1"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
href="https://github.com/pheralb/svgl#-getting-started"
|
href="https://github.com/pheralb/svgl#-getting-started"
|
||||||
@ -82,6 +84,18 @@
|
|||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="py-2 md:ml-60 md:py-6">
|
<div class="py-2 md:ml-60 md:py-6">
|
||||||
|
{#if data.pathname !== '/'}
|
||||||
|
<Container>
|
||||||
|
<a href="/">
|
||||||
|
<div
|
||||||
|
class="flex items-center space-x-2 text-neutral-400 transition-colors duration-100 hover:text-white"
|
||||||
|
>
|
||||||
|
<ArrowLeft size={20} />
|
||||||
|
<span>Back to home</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</Container>
|
||||||
|
{/if}
|
||||||
<Transition pathname={data.pathname}>
|
<Transition pathname={data.pathname}>
|
||||||
<slot />
|
<slot />
|
||||||
</Transition>
|
</Transition>
|
||||||
|
@ -1 +0,0 @@
|
|||||||
|
|
Loading…
x
Reference in New Issue
Block a user