]> git.r.bdr.sh - rbdr/forum/blame - app/components/error_block/error_block.svelte
Add internationalization support
[rbdr/forum] / app / components / error_block / error_block.svelte
CommitLineData
8050f772
BB
1<script>
2 import { _ } from 'svelte-i18n';
862a5f9c 3 export let message;
8050f772
BB
4</script>
5
6<div>
7 <h2>{$_('error.generic.title')}</h2>
862a5f9c 8 <p>{message || $_('error.generic.message')}</p>
8050f772
BB
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