Use tailwind, reference types

[rbdr/forum] / src / routes / __layout.svelte

diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index 62881f25defb19d3752c9152263788844e2e854d..007781075796fd16a0ca4aba114d78676e6ebc56 100644 (file)
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -21,10 +21,13 @@
        <Loader />
 {:else}
        <Header />
        <Loader />
 {:else}
        <Header />

-       <main>
+       <main class="col-start-2 col-span-11">

                <slot />
        </main>
                <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}
                {#if $store.loading}
                        <Loader />
                {/if}


@@ -37,11 +40,3 @@
        </nav>
        <Footer />
 {/if}
        </nav>
        <Footer />
 {/if}

-
-<style>
-       nav {
-               grid-column: col-start 1;
-               grid-row: 2;
-               border-right: 1px solid black;
-       }
-</style>