Add links and new pages
All checks were successful
ci/woodpecker/push/build Pipeline was successful

This commit is contained in:
Alessio Davoli 2023-07-10 19:22:40 +02:00
parent f925af6352
commit cb9ad9c15d
7 changed files with 22 additions and 13 deletions

View file

@ -1 +1,7 @@
<slot></slot>
<script>
import BottomAppBar from './components/BottomAppBar.svelte';
</script>
<slot></slot>
<footer>
<BottomAppBar />
</footer>

View file

@ -17,9 +17,7 @@
</div>
</main>
<footer>
<BottomAppBar />
</footer>
<style>
.bold {

View file

@ -1,13 +1,13 @@
<div id="container">
<div>
<a href="/">
<img src="/images/home-icon.png" alt="home" />
</div>
<div>
</a>
<a href="/paths">
<img src="/images/routes-icon.png" alt="possible routes" />
</div>
<div>
</a>
<a href="/settings">
<img src="/images/settings-icon.png" alt="settings" />
</div>
</a>
</div>
<style>
@ -20,7 +20,8 @@
background-color: var(--card-background-color);
}
#container > div {
#container > a {
display: block;
flex: 1;
display: grid;
place-items: center;

View file

@ -1,9 +1,10 @@
<script lang="ts">
export let type: string;
export let color: string;
export const path = '/path'
</script>
<div class="route-card">
<a href='{path}' class="route-card" >
<div class="route-card-left" style="background-color: {color}">
<img src="/images/app-bar-logo.png" alt="logo" />
</div>
@ -14,10 +15,11 @@
</div>
</div>
<div class="route-card-right" />
</div>
</a>
<style>
.route-card {
display: block;
flex: 1;
--route-card-radius: 45px;
border-radius: var(--route-card-radius);

View file

@ -0,0 +1 @@
Simple Path

View file

@ -0,0 +1 @@
Settings