ora/src/dashboard/App.svelte

34 lines
671 B
Svelte
Raw Normal View History

2020-09-18 21:00:59 +02:00
<script>
2020-09-20 17:28:09 +02:00
import Router, { link } from 'svelte-spa-router'
2020-09-18 21:00:59 +02:00
2020-09-20 17:28:09 +02:00
import Dev from './components/Dev.svelte'
import Dashboard from './pages/Dashboard.svelte'
import Limits from './pages/Limits.svelte'
2020-09-19 01:30:42 +02:00
2020-09-20 17:28:09 +02:00
const routes = {
'/': Dashboard,
2020-09-18 21:00:59 +02:00
2020-09-20 17:28:09 +02:00
'/limits': Limits,
2020-09-18 21:00:59 +02:00
}
</script>
<style>
2020-09-20 17:28:09 +02:00
main {
2020-09-18 21:00:59 +02:00
padding: 1em;
margin: auto;
width: 100%;
max-width: 50em;
}
</style>
<Dev />
2020-09-20 17:28:09 +02:00
<main>
<div class="mb-8">
<a href="../options/index.html"><button class="btn">Options</button></a>
<a use:link={'/'}><button class="btn">Dashboard</button></a>
<a use:link={'/limits'}><button class="btn">Limits</button></a>
2020-09-18 21:00:59 +02:00
</div>
2020-09-20 17:28:09 +02:00
<Router {routes} />
</main>