diff options
Diffstat (limited to 'src/components/error_block')
| -rw-r--r-- | src/components/error_block/error_block.svelte | 54 |
1 files changed, 28 insertions, 26 deletions
diff --git a/src/components/error_block/error_block.svelte b/src/components/error_block/error_block.svelte index b85a2ea..3a43a1e 100644 --- a/src/components/error_block/error_block.svelte +++ b/src/components/error_block/error_block.svelte @@ -1,38 +1,40 @@ <script> - import { _ } from 'svelte-i18n'; - export let message; + import { _ } from 'svelte-i18n'; + export let message; - import { blink } from '$/animations/blink'; + import { blink } from '$/animations/blink'; </script> <div transition:blink> - <h2>{$_('error.generic.title')}</h2> - <p>{message || $_('error.generic.message')}</p> + <h2>{$_('error.generic.title')}</h2> + <p>{message || $_('error.generic.message')}</p> </div> <style> - div { - background: repeating-linear-gradient( -45deg, red, red 5px, black 5px, black 10px ); - border: 5px solid red; - color: yellow; - font-family: 'ヒラギノ角ゴ ProN' , 'Hiragino Kaku Gothic ProN' , '游ゴシック' , '游ゴシック体' , YuGothic , 'Yu Gothic' , 'メイリオ' , Meiryo , 'ＭＳ ゴシック' , 'MS Gothic' , HiraKakuProN-W3 , 'TakaoExゴシック' , TakaoExGothic , 'MotoyaLCedar' , 'Droid Sans Japanese' , sans-serif; - margin: 0 10px 0 0; - text-align: center; - overflow: hidden; - } + div { + background: repeating-linear-gradient(-45deg, red, red 5px, black 5px, black 10px); + border: 5px solid red; + color: yellow; + font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', '游ゴシック', '游ゴシック体', + YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ ゴシック', 'MS Gothic', HiraKakuProN-W3, + 'TakaoExゴシック', TakaoExGothic, 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif; + margin: 0 10px 0 0; + text-align: center; + overflow: hidden; + } - h2, p { - background-color: black; - font-size: 1em; - } + h2, + p { + background-color: black; + font-size: 1em; + } - h2 { - text-transform: uppercase; - margin: 100px 5px 10px; - } + h2 { + text-transform: uppercase; + margin: 100px 5px 10px; + } - p { - margin: 10px 5px 100px; - } + p { + margin: 10px 5px 100px; + } </style> - |