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 BottomAppBar.svelte css positioninx

Browse source
This commit is contained in:
Alessio Davoli 2023-07-18 14:56:54 +02:00
parent e7a69f2e78
commit 38f587c7e0
1 changed files with 21 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
frontend/src/lib/components/BottomAppBar.svelte
View file

@ -1,25 +1,34 @@
<div id="container">
<a href="/">
<img src="/images/home-icon.png" alt="home" />
</a>
<a href="/">
<img src="/images/routes-icon.png" alt="possible routes" />
</a>
<a href="/settings">
<img src="/images/settings-icon.png" alt="settings" />
</a>
<div id="container-of-container">
<div id="container">
<a href="/">
<img src="/images/home-icon.png" alt="home" />
</a>
<a href="/">
<img src="/images/routes-icon.png" alt="possible routes" />
</a>
<a href="/settings">
<img src="/images/settings-icon.png" alt="settings" />
</a>
</div>
</div>
<style>
#container-of-container {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
}
#container {
display: flex;
height: 68px;
justify-content: center;
width: 90%;
border-radius: 90px;
box-shadow: 0 0 50px #ccc;
background-color: var(--card-background-color);
position: absolute;
bottom: 0;
margin: 0 auto;
margin-bottom: 10px;
}