-<script>
- import "../app.css";
+<script lang="ts">
+ import '../app.css';
import '$lib/i18n';
import { isLoading } from 'svelte-i18n';
<Loader />
{:else}
<Header />
- <main>
+ <main class="col-start-2 col-span-11">
<slot />
</main>
- <nav title={$_('forum_list.title')}>
- {#if $store.loading}
- <Loader />
- {/if}
- {#if $store.error}
- <ErrorBlock message={$_('forum_list.error.unavailable')} />
- {/if}
- {#if forums}
- <ForumList forums={forums} />
- {/if}
- </nav>
+ <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}
+ {#if $store.error}
+ <ErrorBlock message={$_('forum_list.error.unavailable')} />
+ {/if}
+ {#if forums}
+ <ForumList {forums} />
+ {/if}
+ </nav>
<Footer />
{/if}
-
-<style>
- nav {
- grid-column: col-start 1;
- grid-row: 2;
- border-right: 1px solid black;
- }
-</style>