]> git.r.bdr.sh - rbdr/forum/blame - src/lib/components/error_block/error_block.svelte
Don't remember what this WIP was about
[rbdr/forum] / src / lib / components / error_block / error_block.svelte
CommitLineData
a7cf03c1 1<script lang="ts">
58f7d521 2 import { _ } from 'svelte-i18n';
8ae7249a 3 export let message = null;
6347b8d9 4
a7cf03c1 5 import { blink } from '$lib/animations/blink';
8050f772
BB
6</script>
7
be1ce532
RBR
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>
8050f772
BB
14</div>
15
16<style>
58f7d521
RBR
17 div {
18 background: repeating-linear-gradient(-45deg, red, red 5px, black 5px, black 10px);
58f7d521 19 }
8050f772 20</style>