feat: add github & discord links

src/routes/+layout.svelte

@@ -9,20 +9,43 @@
 	import '@fontsource/inter/800.css';
 	import '@fontsource/inter/900.css';
 
+	import GithubLogo from '~icons/radix-icons/github-logo';
+	import DiscordLogo from '~icons/radix-icons/discord-logo';
+
 	import { dev } from '$app/environment';
 	import { inject } from '@vercel/analytics';
 
 	inject({ mode: dev ? 'development' : 'production' });
 </script>
 
 <main class="flex min-h-screen flex-col">
-	<nav class="flex items-center justify-between border-b border-zinc-400 px-4 py-2">
-		<a class="flex items-center gap-2 text-xl font-sans font-bold" href="/">
-			<img class="h-9 w-9 rounded-sm object-contain" src="/logo.svg" alt="Radix and Svelte logos" />
+	<nav class="flex items-center justify-between gap-2 border-b border-zinc-400 px-2 lg:px-4 py-2">
+		<a class="flex items-center gap-2 lg:text-xl font-sans font-bold" href="/">
+			<img
+				class="w-7 h-7 lg:h-9 lg:w-9 rounded-sm object-contain"
+				src="/logo.svg"
+				alt="Radix and Svelte logos"
+			/>
 			Radix Svelte
 		</a>
 
-		<a href="/docs/accordion" class="underline hover:opacity-75">Documentation</a>
+		<div class="flex items-center gap-2 lg:gap-4">
+			<a
+				href="https://github.com/tglide/radix-svelte"
+				target="_blank"
+				class="hover:opacity-75 lg:text-xl"
+			>
+				<GithubLogo />
+			</a>
+			<a
+				href="https://discord.com/invite/gQrpPs34xH"
+				target="_blank"
+				class="hover:opacity-75 lg:text-xl"
+			>
+				<DiscordLogo />
+			</a>
+			<a href="/docs/accordion" class="underline hover:opacity-75">Documentation</a>
+		</div>
 	</nav>
 	<div class="flex grow flex-col">
 		<slot />

src/routes/+page.svelte

@@ -93,7 +93,7 @@
 	.wrapper {
 		display: grid;
 		gap: theme('spacing.4');
-		padding: theme('spacing.6');
+		padding: theme('spacing.2');
 
 		@media screen('lg') {
 			display: flex;