From 9b58c5fb6b103da862d5227539330d8a03fd26f1 Mon Sep 17 00:00:00 2001 From: kolaente Date: Sat, 11 Dec 2021 18:36:59 +0100 Subject: [PATCH] fix: make sure image + content are always 50% width --- src/components/misc/no-auth-wrapper.vue | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/src/components/misc/no-auth-wrapper.vue b/src/components/misc/no-auth-wrapper.vue index 88bda3475..1a5215cb7 100644 --- a/src/components/misc/no-auth-wrapper.vue +++ b/src/components/misc/no-auth-wrapper.vue @@ -59,19 +59,16 @@ const motd = computed(() => store.state.config.motd) } .image { + width: 50%; + @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 {