2020-05-12 15:18:37 +02:00
|
|
|
.app-container {
|
2019-12-19 23:09:23 +01:00
|
|
|
min-height: calc(100vh - 65px);
|
|
|
|
@media screen and (max-width: $tablet) {
|
2020-06-12 19:32:37 +02:00
|
|
|
padding-top: $navbar-height;
|
2019-12-19 23:09:23 +01:00
|
|
|
}
|
|
|
|
|
2020-05-12 15:18:37 +02:00
|
|
|
.app-content {
|
2020-08-11 20:32:05 +02:00
|
|
|
padding: $navbar-height + 1.5rem 1.5em 1rem 1.5em;
|
2019-12-19 23:09:23 +01:00
|
|
|
z-index: 2;
|
2020-06-25 23:56:41 +02:00
|
|
|
|
|
|
|
&.is-menu-enabled {
|
2020-10-24 17:27:09 +02:00
|
|
|
margin-left: $navbar-width;
|
2020-06-25 23:56:41 +02:00
|
|
|
}
|
2019-12-19 23:09:23 +01:00
|
|
|
|
|
|
|
@media screen and (max-width: $tablet) {
|
|
|
|
margin-left: 0;
|
|
|
|
padding-top: 1.5em;
|
|
|
|
min-height: calc(100vh - 4rem);
|
|
|
|
}
|
|
|
|
|
2020-05-12 15:18:37 +02:00
|
|
|
.card {
|
2019-12-19 23:09:23 +01:00
|
|
|
background: #fff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2020-05-12 15:18:37 +02:00
|
|
|
|
|
|
|
.noauth-container {
|
2020-06-17 09:12:41 +02:00
|
|
|
max-width: 450px;
|
|
|
|
width: 100%;
|
2020-05-12 15:18:37 +02:00
|
|
|
margin: 0 auto;
|
2020-06-17 09:12:41 +02:00
|
|
|
padding: 1rem;
|
2020-05-12 15:18:37 +02:00
|
|
|
|
2020-06-17 09:12:41 +02:00
|
|
|
@media screen and (max-width: 450px) {
|
|
|
|
.login-buttons {
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
.control:first-child {
|
|
|
|
margin-bottom: 1rem;
|
|
|
|
}
|
|
|
|
}
|
2020-05-12 15:18:37 +02:00
|
|
|
}
|
|
|
|
}
|
2020-10-18 21:04:28 +02:00
|
|
|
|
|
|
|
.media-content {
|
|
|
|
width: calc(100% - 48px - 2em);
|
|
|
|
}
|