miru/web/src/routes/+error.svelte
ThaUnknown 4f797de139 chore: update deps
feat(web): error route, loader font size clamp, download page looping errors
2024-03-05 00:36:03 +01:00

24 lines
893 B
Svelte

<script>
import { page } from '$app/stores'
console.log($page)
</script>
<div class='overflow-x-hidden content-wrapper h-full overflow-y-scroll position-relative d-flex justify-content-center align-items-center text-white font-weight-lighter line-height-11 px-15'>
<div class='w-600 d-sm-flex justify-content-center align-items-center flex-row d-none'>
<div class='fs-80 border-right pr-20'>{$page.status}</div>
<div class='font-size-24 pl-20 text-wrap mw-full'>{$page.error?.message || 'Error'}</div>
</div>
<div class='w-600 d-flex justify-content-center align-items-center flex-column d-sm-none'>
<div class='fs-80 pb-15 border-bottom'>{$page.status}</div>
<div class='font-size-24 pt-20 text-wrap mw-full'>{$page.error?.message || 'Error'}</div>
</div>
</div>
<style>
.fs-80 {
font-size: 8rem;
}
.line-height-11 {
line-height: 1.1;
}
</style>