]> git.r.bdr.sh - rbdr/forum/blame - src/components/error_block/error_block.svelte
Update documentation
[rbdr/forum] / src / components / error_block / error_block.svelte
CommitLineData
8050f772 1<script>
58f7d521 2 import { _ } from 'svelte-i18n';
8ae7249a 3 export let message = null;
6347b8d9 4
58f7d521 5 import { blink } from '$/animations/blink';
8050f772
BB
6</script>
7
6347b8d9 8<div transition:blink>
58f7d521
RBR
9 <h2>{$_('error.generic.title')}</h2>
10 <p>{message || $_('error.generic.message')}</p>
8050f772
BB
11</div>
12
13<style>
58f7d521
RBR
14 div {
15 background: repeating-linear-gradient(-45deg, red, red 5px, black 5px, black 10px);
16 border: 5px solid red;
17 color: yellow;
18 font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', '游ゴシック', '游ゴシック体',
19 YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'MS ゴシック', 'MS Gothic', HiraKakuProN-W3,
20 'TakaoExゴシック', TakaoExGothic, 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
21 margin: 0 10px 0 0;
22 text-align: center;
23 overflow: hidden;
24 }
8050f772 25
58f7d521
RBR
26 h2,
27 p {
28 background-color: black;
29 font-size: 1em;
30 }
8050f772 31
58f7d521
RBR
32 h2 {
33 text-transform: uppercase;
34 margin: 100px 5px 10px;
35 }
6347b8d9 36
58f7d521
RBR
37 p {
38 margin: 10px 5px 100px;
39 }
8050f772 40</style>