welton/RRBEC
1
0
Fork 0
mirror of https://github.com/welton89/RRBEC.git synced 2026-04-05 13:35:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: botton menubar mobile

Browse Source
This commit is contained in:
Welton Moura
2025-01-29 15:46:30 -03:00
parent 0534b896ad
commit a0a898caee
9 changed files with 114 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
gestaoRaul/templates/static/base.css
View File

@@ -231,6 +231,78 @@ input, textarea, select {
}
/* .p-header {
background-color: #24252a;
box-shadow: 0px 3px 10px #464646;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
} */
.navigation {
position: fixed;
bottom: 0;
width: 100%;
height: 60px;
background: white;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px 10px 0px 0px;
box-shadow: 10px 0px 8px rgb(255, 255, 255);
}
.navigation ul {
width: 350px;
display: flex;
justify-content: space-around;
padding: 0;
margin: 0;
}
.navigation ul li {
list-style: none;
position: relative;
width: 70px;
height: 60px;
z-index: 2;
}
.navigation ul li a {
text-decoration: none;
color: #555;
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.navigation ul li a .icon {
position: fixed;
background: #fff;
display: block;
width: 55px;
height: 55px;
text-align: center;
line-height: 65px;
border-radius: 50%;
color: #222327;
font-size: 1.5em;
transition: 0.5s;
transition-delay: 0s;
z-index: 100;
}
.navigation ul li a .icon:hover {
background: #222327;
color: #fff;
transform: translateY(-10px);
}
/* .dropdown:hover .dropbtn {background-color: #3e8e41;} */