]> git.r.bdr.sh - rbdr/forum/blob - src/routes/$layout.svelte
a848a59fce3f79ffc03508c3973bfc695fe1ae7b
[rbdr/forum] / src / routes / $layout.svelte
1 <script>
2 import '$config/i18n';
3 import { isLoading, waitLocale } from 'svelte-i18n';
4
5 export const load = function load() {
6
7 return waitLocale;
8 };
9
10 import ForumList from '$components/forum_list/forum_list.svelte';
11 import Header from '$components/header/header.svelte';
12 import Footer from '$components/footer/footer.svelte';
13 </script>
14
15 {#if $isLoading}
16 <h1>Loading.</h1>
17 <p>Please wait.</p>
18 {:else}
19 <Header />
20 <main>
21 <slot></slot>
22 </main>
23 <ForumList />
24 <Footer />
25 {/if}
26
27 <style>
28 main {
29 grid-column: col-start 2 / span 11;
30 }
31
32 :global(#forum) {
33 display: grid;
34 font-family : 'ヒラギノ明朝 ProN' , 'Hiragino Mincho ProN' , '游明朝','游明朝体',YuMincho,'Yu Mincho' , 'MS 明朝' , 'MS Mincho' , HiraMinProN-W3 , 'TakaoEx明朝' , TakaoExMincho , 'MotoyaLCedar' , 'Droid Sans Japanese' , serif;
35 grid-template-columns: repeat(12, [col-start] 1fr);
36 grid-gap: 20px;
37 grid-auto-rows: minmax(24px, auto);
38 }
39 </style>