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, header,
main, main,
footer { footer {
background: white;
height: 100%; height: 100%;
width: 100%; width: 100%;
display: grid; display: grid;

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

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

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

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