LukeParke/website
1
0
Fork 0
mirror of https://github.com/LukeHagar/website.git synced 2025-12-10 12:57:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update design

Browse Source
This commit is contained in:
Arman
2023-09-22 14:42:04 +02:00
parent 7d0e049cc0
commit f4f997abfd
1 changed files with 23 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/routes/docs/+error.svelte
View File

@@ -1,21 +1,32 @@
<script lang="ts">
import { page } from '$app/stores';
import { MainFooter } from '$lib/components';
import { Docs } from '$lib/layouts';
import Sidebar from './Sidebar.svelte';
</script>
<Docs variant="two-side-navs">
<Sidebar />
<main class="u-contents">
<article class="aw-article u-contents">
<header class="aw-article-header">
<div class="aw-article-header-start u-flex-vertical aw-u-cross-start">
<div class="u-position-relative u-flex u-cross-center">
<h1 class="aw-title">{$page?.error?.message}</h1>
</div>
</div>
</header>
<div class="aw-article-content">I am a placeholder for an error site.</div>
</article>
</main>
<div
class="aw-article u-flex u-main-center u-cross-center u-padding-block-16 u-max-width-700 u-margin-inline-auto"
>
<div class="aw-container">
<div class="aw-hero" style="--hero-gap:1.25rem;">
<span class="aw-badges aw-eyebrow">{$page.status}</span>
<h1 class="aw-headline aw-u-color-text-primary">
{$page.error?.message ?? 'An error has occured'}
</h1>
{#if $page.status === 404}
<p class="aw-description">
Sorry, it seems that the page you are looking for does not exist. Feel free to use our
navigation menu or the button below to explore more of Appwrite's documentation.
</p>
{/if}
<a href="/docs" class="aw-button is-secondary u-cross-child-center u-margin-block-start-12">
<span>Back to docs</span>
</a>
</div>
</div>
</div>
<MainFooter variant="docs" />
</Docs>