luke-else/luke-else.co.uk
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

CHORE: Starting to get to work with changing some of the old formatting over to tailwind config

Browse Source
This commit is contained in:
Luke Else
2025-05-21 22:45:18 +01:00
parent fc642a4ecd
commit 24a7ebf02a
28 changed files with 118 additions and 734 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/routes/+layout.svelte
View File

@ -1,17 +1,23 @@
<script lang="ts">
import Toasts from "$lib/components/Toasts/Toasts.svelte";
import ThemeSwitcher from "$lib/components/ThemeSwitcher.svelte";
import "../app.css";
import { ToastContainer, FlatToast } from 'svelte-toasts';
import '../app.css';
</script>
<nav>
<a href = "/">//Profile</a>
<a href = "/repos">//Repos</a>
<a href = "/contact">//Contact</a>
<ThemeSwitcher />
</nav>
<div
class="min-h-screen px-8 py-4 bg-white text-slate-600 dark:bg-slate-900/90 dark:text-slate-200/60 md:text-2xl sm:text-md font-mono flex flex-col gap-5 transition duration-1000 ease-in-out"
>
<nav
class="w-full px-8 py-4 flex gap-10 text-xl justify-center items-center text-green-600 font-semibold"
>
<a href="/" class="hover:underline">//Profile</a>
<a href="/repos" class="hover:underline">//Repos</a>
<a href="/contact" class="hover:underline">//Contact</a>
</nav>
<div class="container mx-auto">
<Toasts />
<slot />
<div class="container mx-auto justify-center items-center flex flex-col">
<slot />
<ToastContainer let:data>
<FlatToast {data} />
</ToastContainer>
</div>
</div>