]> git.r.bdr.sh - rbdr/forum/blob - app/components/error_block/error_block.svelte
e46afa1400eab3a8cfed2029b451771b6996987b
[rbdr/forum] / 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 ゴシック' , '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