]> git.r.bdr.sh - rbdr/forum/blame - src/pages/_layout.svelte
Update translations
[rbdr/forum] / src / pages / _layout.svelte
CommitLineData
bd8e98d7
RBR
1<script>
2 import '$config/i18n';
c1bc5993 3 import { isLoading } from 'svelte-i18n';
bd8e98d7
RBR
4 import ForumList from '$components/forum_list/forum_list.svelte';
5 import Header from '$components/header/header.svelte';
6 import Footer from '$components/footer/footer.svelte';
7</script>
8
9{#if $isLoading}
10 <h1>Loading.</h1>
11 <p>Please wait.</p>
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>