miru/src/routes/+error.svelte
ThaUnknown 6616b9347e
fix: image decoding perf
feat: relative touch seeking on seekbar
feat: idle animation
fix: disable zoom with touch
2025-05-22 16:05:32 +02:00

22 lines
1 KiB
Svelte

<script lang='ts'>
import { page } from '$app/stores'
import { Menubar } from '$lib/components/ui/menubar'
import { Separator } from '$lib/components/ui/separator'
</script>
<div class='w-full h-full flex flex-col grow items-center justify-center gap-9'>
<Menubar />
<div class='overflow-x-hidden overflow-y-scroll relative flex justify-center items-center text-white px-15 w-full font-light'>
<div class='w-96 sm:!hidden justify-center items-center flex-col flex'>
<div class='text-6xl'>{$page.status}</div>
<Separator class='my-6 w-40' />
<div class='text-xl text-wrap max-w-full'>{$page.error?.message ?? 'Error'}</div>
</div>
<div class='w-96 hidden justify-center items-center sm:!flex'>
<div class='text-6xl'>{$page.status}</div>
<Separator class='mx-6 h-20' orientation='vertical' />
<div class='text-xl text-wrap max-w-full'>{$page.error?.message ?? 'Error'}</div>
</div>
</div>
<img src='/confused.webp' alt='huh' class='w-96 max-w-full' loading='lazy' decoding='async' />
</div>