fix: styling in login and register

jkklapp · Jun 7, 2022 · 0f1c0df · 0f1c0df
1 parent b36e5a2
commit 0f1c0df
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/frontend/src/components/Login.vue b/frontend/src/components/Login.vue
@@ -2,7 +2,7 @@
   <div>
     <div class="grid md:place-items-center">
       <div>
-        <h1 class="text-6xl text-center mt-12 mb-4 md:my-2">
+        <h1 class="text-6xl text-center mt-12 md:mt-32 mb-4 md:mb-2">
           <span class="text-gray-700 dark:text-gray-100">
             <span class="font-bold">{{ appName }}</span>
           </span>
@@ -57,7 +57,7 @@
                 />
               </div>
             </div>
-            <div class="grid md:flex md:flex-wrap place-items-stretch">
+            <div class="grid place-items-center">
               <button
                 type="submit"
                 :disabled="!form.email || !form.password"

diff --git a/frontend/src/components/Register.vue b/frontend/src/components/Register.vue
@@ -2,7 +2,7 @@
   <div>
     <div class="grid md:place-items-center">
       <div>
-        <h1 class="text-6xl text-center mt-12 mb-4 md:my-2">
+        <h1 class="text-6xl text-center mt-12 md:mt-32 mb-4 md:mb-2">
           <span class="text-gray-700 dark:text-gray-100">
             <span class="font-bold">{{ appName }}</span>
           </span>