From 05f58e146892ca9b9916b91807e807d94107878b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C4=8Carodej?= <peterpapp@makingcg.com>
Date: Tue, 31 May 2022 15:38:08 +0200
Subject: [PATCH] centering auth page fix

---
 .../Forms/Layouts/AppInputButton.vue          |  2 +-
 .../Layout/AuthPages/AuthContent.vue          |  2 +-
 .../Layout/AuthPages/AuthContentWrapper.vue   |  2 +-
 .../Teams/CreateTeamFolderPopup.vue           |  2 +-
 .../components/Teams/EditTeamFolderPopup.vue  |  2 +-
 .../Admin/Settings/AppSettingsTabs/Index.vue  | 30 +++++++++----------
 resources/js/views/Auth/CreateNewPassword.vue |  8 ++---
 resources/js/views/Auth/SignUp.vue            |  4 +--
 resources/js/views/Frontpage/ContactUs.vue    |  4 +--
 9 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/resources/js/components/Forms/Layouts/AppInputButton.vue b/resources/js/components/Forms/Layouts/AppInputButton.vue
index 0209dd49..22a862aa 100644
--- a/resources/js/components/Forms/Layouts/AppInputButton.vue
+++ b/resources/js/components/Forms/Layouts/AppInputButton.vue
@@ -11,7 +11,7 @@
             <span v-if="description" class="block text-xs leading-4 dark:text-gray-500 text-gray-500" v-html="description"></span>
 
             <!--Input Description-->
-            <span v-if="error" class="error-message">
+            <span v-if="error" class="text-left text-xs text-red-600">
                 {{ error }}
             </span>
         </div>
diff --git a/resources/js/components/Layout/AuthPages/AuthContent.vue b/resources/js/components/Layout/AuthPages/AuthContent.vue
index 1e42926b..9d5780c8 100644
--- a/resources/js/components/Layout/AuthPages/AuthContent.vue
+++ b/resources/js/components/Layout/AuthPages/AuthContent.vue
@@ -1,5 +1,5 @@
 <template>
-    <div v-if="isVisible" class="w-full max-w-xl text-center">
+    <div v-if="isVisible" class="w-full max-w-xl text-center m-auto py-6">
         <slot />
     </div>
 </template>
diff --git a/resources/js/components/Layout/AuthPages/AuthContentWrapper.vue b/resources/js/components/Layout/AuthPages/AuthContentWrapper.vue
index 3c0ad7c7..dc14b1ac 100644
--- a/resources/js/components/Layout/AuthPages/AuthContentWrapper.vue
+++ b/resources/js/components/Layout/AuthPages/AuthContentWrapper.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="flex items-center justify-center px-2.5 md:px-6">
+    <div class="flex px-2.5 md:px-6">
         <slot />
     </div>
 </template>
diff --git a/resources/js/components/Teams/CreateTeamFolderPopup.vue b/resources/js/components/Teams/CreateTeamFolderPopup.vue
index 9c0d789a..016844f0 100644
--- a/resources/js/components/Teams/CreateTeamFolderPopup.vue
+++ b/resources/js/components/Teams/CreateTeamFolderPopup.vue
@@ -58,7 +58,7 @@
                 <!--Member list-->
                 <ValidationProvider tag="div" mode="passive" name="Members" rules="required" v-slot="{ errors }">
                     <AppInputText :title="$t('your_members')" :error="errors[0]" :is-last="true">
-                        <span v-if="errors[0]" class="error-message" style="margin-top: -5px">
+                        <span v-if="errors[0]" class="text-left text-xs text-red-600" style="margin-top: -5px">
                             {{ $t('add_at_least_one_member') }}
                         </span>
 
diff --git a/resources/js/components/Teams/EditTeamFolderPopup.vue b/resources/js/components/Teams/EditTeamFolderPopup.vue
index 86866a62..b02ba169 100644
--- a/resources/js/components/Teams/EditTeamFolderPopup.vue
+++ b/resources/js/components/Teams/EditTeamFolderPopup.vue
@@ -39,7 +39,7 @@
                 <!--Member list-->
                 <ValidationProvider tag="div" mode="passive" name="Members" v-slot="{ errors }">
                     <label class="input-label">{{ $t('your_members') }}:</label>
-                    <span v-if="errors[0]" class="error-message" style="margin-top: -5px">{{
+                    <span v-if="errors[0]" class="text-left text-xs text-red-600" style="margin-top: -5px">{{
                         $t('add_at_least_one_member')
                     }}</span>
                     <TeamList v-model="members" />
diff --git a/resources/js/views/Admin/Settings/AppSettingsTabs/Index.vue b/resources/js/views/Admin/Settings/AppSettingsTabs/Index.vue
index 76c0bd1a..fc5b653c 100644
--- a/resources/js/views/Admin/Settings/AppSettingsTabs/Index.vue
+++ b/resources/js/views/Admin/Settings/AppSettingsTabs/Index.vue
@@ -45,7 +45,7 @@
                                 :class="{ '!border-rose-600': errors[0] }"
                                 class="focus-border-theme input-dark"
                             />
-                            <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                            <span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
                         </ValidationProvider>
                     </div>
 
@@ -65,7 +65,7 @@
                                 :class="{ '!border-rose-600': errors[0] }"
                                 class="focus-border-theme input-dark"
                             ></textarea>
-                            <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                            <span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
                         </ValidationProvider>
                     </div>
                 </div>
@@ -111,7 +111,7 @@
                                     :class="{ '!border-rose-600': errors[0] }"
                                     class="focus-border-theme input-dark"
                                 />
-                                <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                                <span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
                             </ValidationProvider>
                         </div>
 
@@ -133,7 +133,7 @@
                                     :class="{ '!border-rose-600': errors[0] }"
                                     class="focus-border-theme input-dark"
                                 ></textarea>
-                                <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                                <span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
                             </ValidationProvider>
                         </div>
                     </div>
@@ -185,7 +185,7 @@
                                     :class="{ '!border-rose-600': errors[0] }"
                                     class="focus-border-theme input-dark"
                                 />
-                                <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                                <span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
                             </ValidationProvider>
                         </div>
                         <div class="block-wrapper">
@@ -210,7 +210,7 @@
                                     :class="{ '!border-rose-600': errors[0] }"
                                     class="focus-border-theme input-dark"
                                 ></textarea>
-                                <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                                <span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
                             </ValidationProvider>
                         </div>
                         <div class="block-wrapper">
@@ -229,7 +229,7 @@
                                     :class="{ '!border-rose-600': errors[0] }"
                                     class="focus-border-theme input-dark"
                                 />
-                                <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                                <span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
                             </ValidationProvider>
                         </div>
                         <div class="block-wrapper">
@@ -254,7 +254,7 @@
                                     :class="{ '!border-rose-600': errors[0] }"
                                     class="focus-border-theme input-dark"
                                 ></textarea>
-                                <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                                <span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
                             </ValidationProvider>
                         </div>
                         <div class="block-wrapper">
@@ -273,7 +273,7 @@
                                     :class="{ '!border-rose-600': errors[0] }"
                                     class="focus-border-theme input-dark"
                                 />
-                                <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                                <span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
                             </ValidationProvider>
                         </div>
                         <div class="block-wrapper">
@@ -298,7 +298,7 @@
                                     :class="{ '!border-rose-600': errors[0] }"
                                     class="focus-border-theme input-dark"
                                 ></textarea>
-                                <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                                <span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
                             </ValidationProvider>
                         </div>
                     </div>
@@ -354,7 +354,7 @@
                                     :class="{ '!border-rose-600': errors[0] }"
                                     class="focus-border-theme input-dark"
                                 />
-                                <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                                <span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
                             </ValidationProvider>
                         </div>
 
@@ -376,7 +376,7 @@
                                     :class="{ '!border-rose-600': errors[0] }"
                                     class="focus-border-theme input-dark"
                                 ></textarea>
-                                <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                                <span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
                             </ValidationProvider>
                         </div>
                     </div>
@@ -428,7 +428,7 @@
                                     :class="{ '!border-rose-600': errors[0] }"
                                     class="focus-border-theme input-dark"
                                 />
-                                <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                                <span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
                             </ValidationProvider>
                         </div>
 
@@ -454,7 +454,7 @@
                                     :class="{ '!border-rose-600': errors[0] }"
                                     class="focus-border-theme input-dark"
                                 ></textarea>
-                                <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                                <span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
                             </ValidationProvider>
                         </div>
                     </div>
@@ -480,7 +480,7 @@
                                 :class="{ '!border-rose-600': errors[0] }"
                                 class="focus-border-theme input-dark"
                             />
-                            <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                            <span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
                         </ValidationProvider>
                     </div>
                 </div>
diff --git a/resources/js/views/Auth/CreateNewPassword.vue b/resources/js/views/Auth/CreateNewPassword.vue
index 54b45278..ae6e5a9c 100644
--- a/resources/js/views/Auth/CreateNewPassword.vue
+++ b/resources/js/views/Auth/CreateNewPassword.vue
@@ -1,5 +1,5 @@
 <template>
-    <AuthContentWrapper ref="auth">
+    <AuthContentWrapper ref="auth" class="h-screen">
         <!--Create new password-->
         <AuthContent name="create-new-password" :visible="true">
             <Headline :title="$t('page_create_password.title')" :description="$t('page_create_password.subtitle')" />
@@ -30,7 +30,7 @@
                             class="dark:placeholder:text-gray-600 focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
                             :class="{ '!border-rose-600': errors[0] }"
                         />
-                        <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                        <span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
                     </ValidationProvider>
                 </div>
 
@@ -53,7 +53,7 @@
                             class="dark:placeholder:text-gray-600 focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
                             :class="{ '!border-rose-600': errors[0] }"
                         />
-                        <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                        <span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
                     </ValidationProvider>
                 </div>
 
@@ -76,7 +76,7 @@
                             class="dark:placeholder:text-gray-600 focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
                             :class="{ '!border-rose-600': errors[0] }"
                         />
-                        <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                        <span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
                     </ValidationProvider>
                 </div>
 
diff --git a/resources/js/views/Auth/SignUp.vue b/resources/js/views/Auth/SignUp.vue
index ff94caf7..8178218c 100644
--- a/resources/js/views/Auth/SignUp.vue
+++ b/resources/js/views/Auth/SignUp.vue
@@ -1,7 +1,7 @@
 <template>
-    <AuthContentWrapper ref="auth">
+    <AuthContentWrapper ref="auth" class="h-screen">
         <!--Registration-->
-        <AuthContent name="sign-up" :visible="true" class="mt-4 mb-12">
+        <AuthContent name="sign-up" :visible="true">
             <Headline :title="$t('page_registration.title')" :description="$t('page_registration.subtitle')" />
 
             <ValidationObserver
diff --git a/resources/js/views/Frontpage/ContactUs.vue b/resources/js/views/Frontpage/ContactUs.vue
index 205afdae..3dc8f947 100644
--- a/resources/js/views/Frontpage/ContactUs.vue
+++ b/resources/js/views/Frontpage/ContactUs.vue
@@ -30,7 +30,7 @@
                             class="focus-border-theme input-dark"
                             :class="{ '!border-rose-600': errors[0] }"
                         />
-                        <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                        <span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
                     </ValidationProvider>
                 </div>
 
@@ -44,7 +44,7 @@
                             class="focus-border-theme input-dark"
                             :class="{ '!border-rose-600': errors[0] }"
                         ></textarea>
-                        <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                        <span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
                     </ValidationProvider>
                 </div>