]> git.r.bdr.sh - rbdr/forum/blob - src/lib/components/error_block/error_block.svelte
Update apollo
[rbdr/forum] / src / lib / components / error_block / error_block.svelte
1 <script lang="ts">
2 import { _ } from 'svelte-i18n';
3 export let message = null;
4
5 import { blink } from '$lib/animations/blink';
6 </script>
7
8 <div
9 class="font-sans overflow-hidden text-center border-4 border-solid border-red-500 text-amber-300 mx-2.5"
10 transition:blink
11 >
12 <h2 class="bg-black text-base uppercase mt-24 mx-1 mb-2.5">{$_('error.generic.title')}</h2>
13 <p class="bg-black text-base mt-2.5 mx-1 mb-24">{message || $_('error.generic.message')}</p>
14 </div>
15
16 <style>
17 div {
18 background: repeating-linear-gradient(-45deg, red, red 5px, black 5px, black 10px);
19 }
20 </style>