]> git.r.bdr.sh - rbdr/forum/blob - src/pages/_layout.svelte
Add animation to error block
[rbdr/forum] / src / pages / _layout.svelte
1 <script>
2 import '$config/i18n';
3 import { isLoading } from 'svelte-i18n';
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 }
33
34 :global(body) {
35 background-color: whitesmoke;
36 }
37 </style>