umami/components/common/MobileMenu.module.css
2023-03-31 20:03:28 -07:00

42 lines
580 B
CSS

.menu {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: flex;
flex-direction: column;
background-color: var(--base50);
z-index: var(--z-index-popup);
overflow: auto;
}
.items {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.item {
font-size: var(--font-size-lg);
}
.item + .item {
margin-top: 20px;
}
.item:last-child {
margin-top: 60px;
}
.header {
display: flex;
justify-content: flex-end;
align-items: center;
height: 100px;
padding: 0 30px;
}