From f4bdfe38a35a66c8570a836de32d0e7b6e8fb51b Mon Sep 17 00:00:00 2001 From: kolaente Date: Sun, 12 Dec 2021 15:56:06 +0100 Subject: [PATCH] chore: more mobile first --- src/components/misc/no-auth-wrapper.vue | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/components/misc/no-auth-wrapper.vue b/src/components/misc/no-auth-wrapper.vue index faa910f25..adc69fd7c 100644 --- a/src/components/misc/no-auth-wrapper.vue +++ b/src/components/misc/no-auth-wrapper.vue @@ -106,16 +106,19 @@ useTitle(() => title.value) } .content { - width: 50%; - padding: 2rem 2rem 1.5rem; display: flex; justify-content: space-between; flex-direction: column; + padding: 2rem 2rem 1.5rem; @media screen and (max-width: $desktop) { width: 100%; max-width: 450px; - margin: 0 auto; + margin-inline: auto; + } + + @media screen and (min-width: $desktop) { + width: 50%; } }