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

chore: show llama background only on fullhd and up
continuous-integration/drone/pr Build is failing Details

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

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

@ -33,12 +33,16 @@ const motd = computed(() => store.state.config.motd)
<style lang="scss" scoped>
.no-auth-wrapper {
background: url('@/assets/llama.svg') no-repeat bottom left fixed var(--site-background);
background-color: var(--site-background);
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
@media screen and (min-width: $fullhd) {
background: url('@/assets/llama.svg') no-repeat bottom left fixed;
}
}
.noauth-container {
@ -50,7 +54,7 @@ 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;
}
@ -65,7 +69,7 @@ const motd = computed(() => store.state.config.motd)
@media screen and (max-width: $desktop) {
width: 40%;
}
@media screen and (max-width: $tablet) {
display: none;
}
@ -82,7 +86,7 @@ const motd = computed(() => store.state.config.motd)
display: flex;
flex-direction: column;
justify-content: end;
&.has-message {
justify-content: space-between;
}