git.r.bdr.sh - rbdr/forum/blob - app/components/error_block/error_block.svelte

   1 <script>
   2   import { _ } from 'svelte-i18n';
   3   export let message;
   4 </script>
   5
   6 <div>
   7   <h2>{$_('error.generic.title')}</h2>
   8   <p>{message || $_('error.generic.message')}</p>
   9 </div>
  10
  11 <style>
  12   div {
  13     background: repeating-linear-gradient( -45deg, red, red 5px, black 5px, black 10px );
  14     border: 5px solid red;
  15     color: yellow;
  16     font-family: 'ヒラギノ角ゴ ProN' , 'Hiragino Kaku Gothic ProN' , '游ゴシック' , '游ゴシック体' , YuGothic , 'Yu Gothic' , 'メイリオ' , Meiryo , 'ＭＳ ゴシック' , 'MS Gothic' , HiraKakuProN-W3 , 'TakaoExゴシック' , TakaoExGothic , 'MotoyaLCedar' , 'Droid Sans Japanese' , sans-serif;
  17     margin: 0 10px 0 0;
  18     padding: 100px 5px;
  19     text-align: center;
  20   }
  21
  22   h2, p {
  23     background-color: black;
  24     font-size: 1em;
  25   }
  26
  27   h2 {
  28     text-transform: uppercase;
  29   }
  30 </style>
  31