happyDomain/happyDomain
happyDomain
/
happyDomain
1
0
Fork 0
Code Issues 1 Pull Requests 4 Releases Activity

ui: Redesign error page
continuous-integration/drone/push Build is passing Details

This commit is contained in:
nemunaire 2023-08-06 13:04:02 +02:00
parent c1fd1b24d9
commit c948c68875
2 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
ui/src/routes/+error.svelte
View File

@ -2,17 +2,31 @@
import { page } from '$app/stores'; import { page } from '$app/stores';
import { import {
Col,
Container, Container,
Row,
} from 'sveltestrap'; } from 'sveltestrap';
</script> </script>
<Container> <Container class="my-3">
<h1> <Row>
Error {$page.status} <Col xs="4" class="d-flex flex-column">
</h1> <img src="/img/cat-error.webp" alt="The error cat" class="rounded rounded-lg">
{#if $page.error} </Col>
<p class="lead"> <Col xs="8" class="d-flex flex-column pt-2">
{$page.error.message} <div class="d-none d-sm-block my-4"></div>
</p> <div class="d-flex align-items-end">
{/if} <h1>
Error {$page.status}
</h1>
<hr class="ms-2 border-top border-primary border-3 flex-fill">
</div>
{#if $page.error}
<p class="lead">
{$page.error.message}
</p>
{/if}
<hr class="mt-0 border-top border-secondary border-3">
</Col>
</Row>
</Container> </Container>

BIN
ui/static/img/cat-error.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 78 KiB