]> git.r.bdr.sh - rbdr/forum/blame - src/pages/_layout.svelte
Add components to view topics and posts
[rbdr/forum] / src / pages / _layout.svelte
CommitLineData
bd8e98d7 1<script>
74b03c33 2 import '$/config/i18n';
c1bc5993 3 import { isLoading } from 'svelte-i18n';
74b03c33
RBR
4 import ForumList from '$/components/forum_list/forum_list.svelte';
5 import Header from '$/components/header/header.svelte';
6 import Loader from '$/components/loader/loader.svelte';
7 import Footer from '$/components/footer/footer.svelte';
bd8e98d7
RBR
8</script>
9
10{#if $isLoading}
74b03c33 11 <Loader />
bd8e98d7
RBR
12{:else}
13 <Header />
14 <main>
15 <slot></slot>
16 </main>
17 <ForumList />
18 <Footer />
19{/if}
20
21<style>
22 main {
23 grid-column: col-start 2 / span 11;
24 }
25
26 :global(#forum) {
27 display: grid;
28 font-family : 'ヒラギノ明朝 ProN' , 'Hiragino Mincho ProN' , '游明朝','游明朝体',YuMincho,'Yu Mincho' , 'MS 明朝' , 'MS Mincho' , HiraMinProN-W3 , 'TakaoEx明朝' , TakaoExMincho , 'MotoyaLCedar' , 'Droid Sans Japanese' , serif;
29 grid-template-columns: repeat(12, [col-start] 1fr);
30 grid-gap: 20px;
31 grid-auto-rows: minmax(24px, auto);
32 }
c1bc5993
RBR
33
34 :global(body) {
35 background-color: whitesmoke;
36 }
bd8e98d7 37</style>