git.r.bdr.sh - rbdr/forum/blob - 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 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>