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

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

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