From ada429b7bf88e3d06ecde3514c3f3b7cf402b789 Mon Sep 17 00:00:00 2001
From: Alexandro Uc Santos <alexandro.us@icloud.com>
Date: Mon, 15 Apr 2024 20:01:29 -0600
Subject: [PATCH] add: box info create user

---
 src/components/CreateUserModal.vue | 21 +++++++++++++++++++++
 src/layouts/AuthLayout.vue         |  9 +++++++--
 src/services/auth.js               |  1 -
 src/views/RecoveryPasswordView.vue |  4 ++--
 4 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/src/components/CreateUserModal.vue b/src/components/CreateUserModal.vue
index 95e5f3e..6410c4f 100644
--- a/src/components/CreateUserModal.vue
+++ b/src/components/CreateUserModal.vue
@@ -245,6 +245,12 @@
                                 v-model="userForm.user_description"
                             ></textarea>
                         </div>
+                        <div class="box-info" v-if="!props.user">
+                            <div>
+                                <i class="fa-solid fa-circle-info info"></i>
+                            </div>
+                            <span>Al crear un nuevo usuario, informa al beneficiario de la cuenta, que debe utilizar su correo electrónico para establecer una contraseña en la sección <span class="font-bold">Olvidé mi contraseña</span> y así poder iniciar sesión.</span>
+                        </div>
                         <div class="mt-4 text-center">
                             <Spiner v-if="loading"/>
                             <button 
@@ -270,4 +276,19 @@
         margin: 0 auto;
         width: 80%;
     }
+
+    .box-info {
+        margin-top: 20px;
+        align-items: center;
+        background-color: aqua;
+        display: flex;
+        padding: 16px 24px;
+        border-radius: 13px;
+        font-size: 1rem;
+    }
+
+    .info {
+        font-size: 32px;
+        margin-right: 1rem;
+    }
 </style>
\ No newline at end of file
diff --git a/src/layouts/AuthLayout.vue b/src/layouts/AuthLayout.vue
index 47bd53d..0f7c352 100644
--- a/src/layouts/AuthLayout.vue
+++ b/src/layouts/AuthLayout.vue
@@ -36,11 +36,16 @@
         min-height: 700px;
     }
 
-    @media (max-width: 1024px) {
+    @media (max-width: 1200px) {
         .auth-layout {
-            width: 70%;
+            width: 80%;
         }
     }
+    /* @media (max-width: 1024px) {
+        .auth-layout {
+            width: 80%;
+        }
+    } */
 
     @media (max-width: 768px) {
         .auth-layout {
diff --git a/src/services/auth.js b/src/services/auth.js
index b123495..a8c4ea9 100644
--- a/src/services/auth.js
+++ b/src/services/auth.js
@@ -79,7 +79,6 @@ export const regiterConfirm = async(body) => {
     try {
         const endpoint = "/v1/account/signup";
         const {data} = await apiPublic.patch(endpoint, body);
-        console.log('register auth: ', data);
         return {
             msg: 'success',
             data
diff --git a/src/views/RecoveryPasswordView.vue b/src/views/RecoveryPasswordView.vue
index 87cd1b8..a7461c5 100644
--- a/src/views/RecoveryPasswordView.vue
+++ b/src/views/RecoveryPasswordView.vue
@@ -192,11 +192,11 @@
                         type="text"
                         v-model:field="form.code"
                     />
-                    <div v-if="!loading" class="d-flex justify-content-center align-items-center mt-4">
+                    <!-- <div v-if="!loading" class="d-flex justify-content-center align-items-center mt-4">
                         <a  
                             @click="resendCode()"
                             class="btn-text ms-2"><i class="fa-solid fa-rotate-right"></i> Reenviar código</a>
-                    </div>
+                    </div> -->
                     <Spiner v-if="loading" class="mt-5"/>
                     <input 
                         v-else