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

fix bottom background
All checks were successful
ci/woodpecker/push/build Pipeline was successful
Details

Browse source
This commit is contained in:
Alessio Davoli 2023-07-18 15:57:51 +02:00
parent bf729235f1
commit 1e0a964619
3 changed files with 22 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/src/css/app.css
View file

@ -29,6 +29,7 @@ body {
header,
main,
footer {
background: white;
height: 100%;
width: 100%;
display: grid;

22
frontend/src/lib/components/Tabs.svelte
View file

@ -33,16 +33,22 @@
<!-- svelte-ignore a11y-click-events-have-key-events -->
<!-- svelte-ignore a11y-no-static-element-interactions -->
<div id="tabs" on:click={activeClicked}>
<button id="info" class="active">Info</button>
<button id="desc">Descrizione</button>
<button id="map">Mappa</button>
</div>
<div class="tab">
<svelte:component this={component} />
<div id="container">
<div id="tabs" on:click={activeClicked}>
<button id="info" class="active">Info</button>
<button id="desc">Descrizione</button>
<button id="map">Mappa</button>
</div>
<div class="tab">
<svelte:component this={component} />
</div>
</div>
<style>
#container {
background-color: white;
height: calc(20vh);
}
#tabs {
display: flex;
justify-content: center;
@ -68,8 +74,6 @@
.tab {
padding: 10px;
height: 90%;
overflow: hidden;
background-color: white;
}

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

@ -5,3 +5,10 @@
<footer>
<BottomAppBar />
</footer>
<style>
footer {
background: white;
}
</style>