diff options
| author | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2021-03-14 22:45:22 +0100 |
|---|---|---|
| committer | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2021-03-14 22:45:22 +0100 |
| commit | 6347b8d9ab40c5807226eaece1945266292d0893 (patch) | |
| tree | 9625a968955f30706846ad3d251d976a39ba186f /src/components | |
| parent | 18ced3bfaff8ca40edb1a96e631ba1553a3a7a6d (diff) | |
Add animation to error block
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/error_block/error_block.svelte | 11 |
1 files changed, 9 insertions, 2 deletions
diff --git a/src/components/error_block/error_block.svelte b/src/components/error_block/error_block.svelte index e46afa1..b85a2ea 100644 --- a/src/components/error_block/error_block.svelte +++ b/src/components/error_block/error_block.svelte @@ -1,9 +1,11 @@ <script> import { _ } from 'svelte-i18n'; export let message; + + import { blink } from '$/animations/blink'; </script> -<div> +<div transition:blink> <h2>{$_('error.generic.title')}</h2> <p>{message || $_('error.generic.message')}</p> </div> @@ -15,8 +17,8 @@ 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; - padding: 100px 5px; text-align: center; + overflow: hidden; } h2, p { @@ -26,6 +28,11 @@ h2 { text-transform: uppercase; + margin: 100px 5px 10px; + } + + p { + margin: 10px 5px 100px; } </style> |