chore: mobile first
continuous-integration/drone/pr Build is passing Details

This commit is contained in:
kolaente 2021-12-11 18:30:43 +01:00
parent 613c2bd374
commit 498ecc7505
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
1 changed files with 12 additions and 12 deletions

View File

@ -50,28 +50,28 @@ const motd = computed(() => store.state.config.motd)
min-height: 60vh;
display: flex;
background-color: var(--white);
border-radius: $radius;
box-shadow: var(--shadow-md);
overflow: hidden;
@media screen and (max-width: $desktop) {
border-radius: 0;
@media screen and (min-width: $desktop) {
border-radius: $radius;
}
}
.image {
width: 60%;
background: url('@/assets/no-auth-image.jpg') no-repeat bottom;
background-size: cover;
position: relative;
@media screen and (max-width: $desktop) {
width: 40%;
}
@media screen and (max-width: $tablet) {
display: none;
}
@media screen and (min-width: $tablet) {
width: 40%;
background: url('@/assets/no-auth-image.jpg') no-repeat bottom/cover;
position: relative;
}
@media screen and (min-width: $desktop) {
width: 60%;
}
}
.overlay {