git.r.bdr.sh - rbdr/forum/blob - 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>