umami/components/layout/MenuLayout.module.css

44 lines
615 B
CSS
Raw Normal View History

2020-08-09 08:48:43 +02:00
.container {
display: flex;
flex: 1;
2020-08-18 07:47:58 +02:00
height: 100%;
2020-08-09 08:48:43 +02:00
}
2020-08-10 00:13:38 +02:00
.container .menu {
2020-08-18 01:46:13 +02:00
padding: 30px 0;
border: 0;
2020-08-09 08:48:43 +02:00
}
2020-08-18 01:46:13 +02:00
.container .content {
2020-08-09 08:48:43 +02:00
border-left: 1px solid var(--gray300);
padding-left: 30px;
}
.option {
2020-08-10 00:13:38 +02:00
font-size: var(--font-size-normal);
2020-08-09 11:03:37 +02:00
padding: 8px 16px;
2020-08-09 08:48:43 +02:00
cursor: pointer;
margin-right: 30px;
border-radius: 4px;
}
.option:hover {
background: var(--gray75);
}
2020-08-10 00:13:38 +02:00
.selected {
2020-08-09 08:48:43 +02:00
font-weight: 600;
}
2020-08-18 01:46:13 +02:00
@media only screen and (max-width: 992px) {
2020-08-18 07:47:58 +02:00
.container {
height: auto;
}
2020-08-18 01:46:13 +02:00
.container .content {
border-top: 1px solid var(--gray300);
border-left: 0;
padding-left: 0;
}
}