vikunja
/
frontend
Archived
6
39
Fork 49
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

fix: mobile layout
continuous-integration/drone/pr Build is passing Details

This commit is contained in:
kolaente 2021-11-28 15:50:30 +01:00
parent 8faf2ab893
commit 4abe1363ec
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
1 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/misc/no-auth-wrapper.vue
View File

@ -50,6 +50,10 @@ const motd = computed(() => store.state.config.motd)
border-radius: $radius;
box-shadow: var(--shadow-md);
overflow: hidden;
@media screen and (max-width: $desktop) {
border-radius: 0;
}
}
.image {
@ -57,6 +61,14 @@ const motd = computed(() => store.state.config.motd)
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;
}
}
.overlay {
@ -82,12 +94,16 @@ const motd = computed(() => store.state.config.motd)
display: flex;
justify-content: space-between;
flex-direction: column;
@media screen and (max-width: $desktop) {
width: 100%;
}
}
.logo {
color: var(--logo-text-color);
max-width: 100%;
margin-bottom: 1rem;
margin: 1rem 0;
}
.message {