From 8050f772caeedafffab6e3ec2f309205a019f3d0 Mon Sep 17 00:00:00 2001
From: Ben Beltran <ben@nsovocal.com>
Date: Sat, 20 Jun 2020 14:58:26 +0200
Subject: Add internationalized error block

---
 app/components/error_block/error_block.svelte | 31 +++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 app/components/error_block/error_block.svelte

(limited to 'app/components/error_block/error_block.svelte')

diff --git a/app/components/error_block/error_block.svelte b/app/components/error_block/error_block.svelte
new file mode 100644
index 0000000..d649fb4
--- /dev/null
+++ b/app/components/error_block/error_block.svelte
@@ -0,0 +1,31 @@
+<script>
+  import { _ } from 'svelte-i18n';
+  export let message = $_('error.generic.message');
+</script>
+
+<div>
+  <h2>{$_('error.generic.title')}</h2>
+  <p>{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;
+  }
+
+  h2, p {
+    background-color: black;
+    font-size: 1em;
+  }
+
+  h2 {
+    text-transform: uppercase;
+  }
+</style>
+
-- 
cgit 

