wg-dashboard/app/layout_global.css
Matheus Sampaio Queiroga e6cab72032
Init pages and two routers
Signed-off-by: Matheus Sampaio Queiroga <srherobrine20@gmail.com>
2024-02-03 21:12:51 -03:00

92 lines
1.2 KiB
CSS

body {
margin: 0;
}
.container {
min-height: 100vh;
width: 100vw;
}
@media screen and (min-width: 800px) {
.container {
display: flex;
}
.navbar ul {
display: grid;
}
.navbar ul > span {
display: flex;
}
}
@media screen and (max-width: 799px) {
.navbar {
/* display: flex; */
align-items: baseline;
}
.navbar > nav {
display: flex;
}
.navbar ul {
display: flex;
}
.navbar ul > li {
padding-left: 10px;
flex-direction: column;
}
.navbar ul > span {
display: none;
}
}
.navbar {
background-color: rgb(0, 19, 50);
margin-right: 12px;
padding-right: 8px;
color: white;
}
.navbar ul {
padding-left: 14px;
justify-items: center;
}
.navbar ul > span {
background-color: grey;
color: black;
border-radius: 12rem;
width: 42%;
margin-bottom: 10px;
justify-content: center;
}
.navbar ul > li {
display: flex;
align-items: center;
padding-bottom: 12px;
}
.navbar ul > li > svg {
padding-right: 6px;
}
.navbar li {
list-style-type: none;
}
.navbar a {
color: white;
text-decoration: none;
}
.logoutButton {
cursor: pointer;
}
.homeDiv {
display: flex;
justify-content: center;
align-items: center;
font-size: 26px;
padding-top: 15px;
}