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-09-17 06:55:32 +02:00
|
|
|
flex: 1;
|
2020-08-28 08:45:37 +02:00
|
|
|
position: relative;
|
2022-12-13 04:45:38 +01:00
|
|
|
border-left: 1px solid var(--base300);
|
2020-08-09 08:48:43 +02:00
|
|
|
padding-left: 30px;
|
2020-09-17 06:55:32 +02:00
|
|
|
margin-left: 30px;
|
2020-08-09 08:48:43 +02:00
|
|
|
}
|
2020-08-18 01:46:13 +02:00
|
|
|
|
|
|
|
@media only screen and (max-width: 992px) {
|
2020-08-18 07:47:58 +02:00
|
|
|
.container {
|
2022-02-17 08:10:35 +01:00
|
|
|
flex-direction: column;
|
2020-08-18 07:47:58 +02:00
|
|
|
height: auto;
|
|
|
|
}
|
|
|
|
|
2022-02-17 08:10:35 +01:00
|
|
|
.container .menu {
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-around;
|
|
|
|
align-items: flex-start;
|
|
|
|
}
|
|
|
|
|
2020-08-18 01:46:13 +02:00
|
|
|
.container .content {
|
2022-12-13 04:45:38 +01:00
|
|
|
border-top: 1px solid var(--base300);
|
2020-08-18 01:46:13 +02:00
|
|
|
border-left: 0;
|
|
|
|
padding-left: 0;
|
2020-09-17 06:55:32 +02:00
|
|
|
margin-left: 0;
|
2020-08-18 01:46:13 +02:00
|
|
|
}
|
|
|
|
}
|