pianello/pianello-web-app
pianello/pianello-web-app
2
0
Fork 0
Code Issues 3 Pull requests Projects 1 Releases Packages Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/routes/+layout.svelte
View file

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

4
frontend/src/routes/+page.svelte
View file

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

15
frontend/src/routes/components/BottomAppBar.svelte
View file

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

6
frontend/src/routes/components/Path.svelte
View file

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

1
frontend/src/routes/path/+page.svelte Normal file
View file

@ -0,0 +1 @@
Simple Path

0
frontend/src/routes/route/+page.svelte → frontend/src/routes/paths/+page.svelte
View file

1
frontend/src/routes/settings/+page.svelte Normal file
View file

@ -0,0 +1 @@
Settings