Use tailwind, reference types

5 files changed, 9 insertions, 14 deletions

diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index 62881f2..0077810 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -21,10 +21,13 @@
 	<Loader />
 {:else}
 	<Header />
-	<main>
+	<main class="col-start-2 col-span-11">
 		<slot />
 	</main>
-	<nav title={$_('forum_list.title')}>
+	<nav
+		class="col-start-1 row-start-2 border-r-2 border-2-black border-solid"
+		title={$_('forum_list.title')}
+	>
 		{#if $store.loading}
 			<Loader />
 		{/if}
@@ -37,11 +40,3 @@
 	</nav>
 	<Footer />
 {/if}
-
-<style>
-	nav {
-		grid-column: col-start 1;
-		grid-row: 2;
-		border-right: 1px solid black;
-	}
-</style>
diff --git a/src/routes/f/[id].svelte b/src/routes/f/[id].svelte
index b235e21..fc103d2 100644
--- a/src/routes/f/[id].svelte
+++ b/src/routes/f/[id].svelte
@@ -12,7 +12,7 @@
 	import ErrorBlock from '$lib/components/error_block/error_block.svelte';
 	import Loader from '$lib/components/loader/loader.svelte';
 
-	export let id;
+	export let id: string;
 
 	import { getForum } from '$lib/stores/forums';
 	$: store = getForum(id);
diff --git a/src/routes/g/[id].svelte b/src/routes/g/[id].svelte
index a82e488..0419362 100644
--- a/src/routes/g/[id].svelte
+++ b/src/routes/g/[id].svelte
@@ -12,7 +12,7 @@
 	import ErrorBlock from '$lib/components/error_block/error_block.svelte';
 	import Loader from '$lib/components/loader/loader.svelte';
 	import Tag from '$lib/components/tag/tag.svelte';
-	export let id;
+	export let id: string;
 
 	$: store = getTag(id);
 	$: tag = $store.data;
diff --git a/src/routes/p/[id].svelte b/src/routes/p/[id].svelte
index 82d8045..8efd8c1 100644
--- a/src/routes/p/[id].svelte
+++ b/src/routes/p/[id].svelte
@@ -13,7 +13,7 @@
 	import ErrorBlock from '$lib/components/error_block/error_block.svelte';
 	import Loader from '$lib/components/loader/loader.svelte';
 
-	export let id;
+	export let id: string;
 
 	$: store = getPost(id);
 	$: post = $store.data;
diff --git a/src/routes/t/[id].svelte b/src/routes/t/[id].svelte
index e04f473..d60946b 100644
--- a/src/routes/t/[id].svelte
+++ b/src/routes/t/[id].svelte
@@ -16,7 +16,7 @@
 	import ErrorBlock from '$lib/components/error_block/error_block.svelte';
 	import Loader from '$lib/components/loader/loader.svelte';
 
-	export let id;
+	export let id: string;
 
 	$: store = getTopic(id);
 	$: topic = $store.data;