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