Fix auth layout on mobile (#1316)

modrinth · Aug 20, 2023 · cfbf08d · cfbf08d
1 parent 3649573
commit cfbf08d
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/pages/auth.vue b/pages/auth.vue
@@ -4,8 +4,9 @@
 
 <style>
 .auth-container {
-  width: 30rem;
-  margin: 2rem auto;
+  width: 26rem;
+  max-width: calc(100% - 2rem);
+  margin: 1rem auto;
   display: flex;
   flex-direction: column;
   gap: 2rem;
@@ -79,5 +80,6 @@
   display: flex;
   justify-content: center;
   gap: var(--gap-md);
+  flex-wrap: wrap;
 }
 </style>