Update documentation

[rbdr/forum] / src / components / error_block / error_block.svelte

diff --git a/src/components/error_block/error_block.svelte b/src/components/error_block/error_block.svelte
index e46afa1400eab3a8cfed2029b451771b6996987b..e38bfaeccc364de20e915d93e214fd46c720d5d1 100644 (file)
--- a/src/components/error_block/error_block.svelte
+++ b/src/components/error_block/error_block.svelte
@@ -1,31 +1,40 @@
 <script>
-  import { _ } from 'svelte-i18n';
-  export let message;
+       import { _ } from 'svelte-i18n';
+       export let message = null;
+
+       import { blink } from '$/animations/blink';
 </script>
 
-<div>
-  <h2>{$_('error.generic.title')}</h2>
-  <p>{message || $_('error.generic.message')}</p>
+<div transition:blink>
+       <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;
-    padding: 100px 5px;
-    text-align: center;
-  }
+       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;
-  }
-</style>
+       h2 {
+               text-transform: uppercase;
+               margin: 100px 5px 10px;
+       }
 
+       p {
+               margin: 10px 5px 100px;
+       }
+</style>