From 498ecc7505639a43fffbf918893c65c263b0379c Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sat, 11 Dec 2021 18:30:43 +0100
Subject: [PATCH] chore: mobile first

---
 src/components/misc/no-auth-wrapper.vue | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/misc/no-auth-wrapper.vue b/src/components/misc/no-auth-wrapper.vue
index 687979beb..88bda3475 100644
--- a/src/components/misc/no-auth-wrapper.vue
+++ b/src/components/misc/no-auth-wrapper.vue
@@ -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 {