mirror of
https://github.com/Fluffy-Bean/TastyBites.git
synced 2025-02-17 19:00:09 +00:00
Add 404 page and update design files
This commit is contained in:
parent
37d600e03c
commit
6deb0bfeae
File diff suppressed because one or more lines are too long
|
@ -1,6 +1,6 @@
|
||||||
<script>
|
<script>
|
||||||
import Router from 'svelte-spa-router';
|
import Router from 'svelte-spa-router';
|
||||||
import { replace, link, location } from 'svelte-spa-router';
|
import { replace, link } from 'svelte-spa-router';
|
||||||
import active from 'svelte-spa-router/active'
|
import active from 'svelte-spa-router/active'
|
||||||
import routes from './routes';
|
import routes from './routes';
|
||||||
|
|
||||||
|
@ -22,13 +22,15 @@
|
||||||
|
|
||||||
{#if showNavBar }
|
{#if showNavBar }
|
||||||
<nav>
|
<nav>
|
||||||
<p>TastyBites</p>
|
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="/" use:link use:active>Home</a></li>
|
<li><a href="/" use:link use:active>Home</a></li>
|
||||||
<li><a href="/contact" use:link use:active>Contact Us</a></li>
|
<li><a href="/contact" use:link use:active>Contact Us</a></li>
|
||||||
|
</ul>
|
||||||
|
<span>TastyBites</span>
|
||||||
|
<ul>
|
||||||
|
<li><a href="/orders" use:link use:active>Orders</a></li>
|
||||||
<li><a href="/cart" use:link use:active>Shopping Cart</a></li>
|
<li><a href="/cart" use:link use:active>Shopping Cart</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<p>Location: {$location}</p>
|
|
||||||
</nav>
|
</nav>
|
||||||
{/if}
|
{/if}
|
||||||
<Router
|
<Router
|
||||||
|
@ -41,5 +43,22 @@
|
||||||
<p>TastyBites is a fake restaurant</p>
|
<p>TastyBites is a fake restaurant</p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<style>
|
<style lang="sass">
|
||||||
|
nav
|
||||||
|
display: flex
|
||||||
|
justify-content: center
|
||||||
|
align-items: center
|
||||||
|
padding: 1rem
|
||||||
|
background-color: #f8f9fa
|
||||||
|
border-bottom: 1px solid #e9ecef
|
||||||
|
ul
|
||||||
|
padding: 0
|
||||||
|
margin: 0
|
||||||
|
display: flex
|
||||||
|
list-style: none
|
||||||
|
li
|
||||||
|
margin: 0 1rem
|
||||||
|
span
|
||||||
|
margin: 0 1rem
|
||||||
|
font-weight: bolder
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
import { wrap } from "svelte-spa-router/wrap";
|
import { wrap } from "svelte-spa-router/wrap";
|
||||||
import PageLoading from "./routes/PageLoading.svelte";
|
import PageLoading from "./routes/PageLoading.svelte";
|
||||||
|
import Page404 from "./routes/Page404.svelte";
|
||||||
|
|
||||||
const routes = {
|
const routes = {
|
||||||
"/": wrap({
|
"/": wrap({
|
||||||
|
@ -20,6 +21,11 @@ const routes = {
|
||||||
conditions: [],
|
conditions: [],
|
||||||
userData: { showNavBar: true },
|
userData: { showNavBar: true },
|
||||||
}),
|
}),
|
||||||
|
'*': wrap({
|
||||||
|
component: Page404,
|
||||||
|
conditions: [],
|
||||||
|
userData: { showNavBar: false },
|
||||||
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
export default routes;
|
export default routes;
|
||||||
|
|
6
front/src/routes/Page404.svelte
Normal file
6
front/src/routes/Page404.svelte
Normal file
|
@ -0,0 +1,6 @@
|
||||||
|
<script>
|
||||||
|
import { link } from 'svelte-spa-router';
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<h1>404</h1>
|
||||||
|
<p>Could not find resource you've searched for. <a href="/" use:link>Go Back</a></p>
|
Loading…
Reference in a new issue