add: completed register view

src/layouts/AuthLayout.vue

@@ -8,13 +8,7 @@
 <template>
     <Header/>
     <div class="auth-layout">
-        <!-- <div class="img-auth">
-            <img src="/images/auth.png" class="img" alt="fondo">
-        </div> -->
-        <!-- <div class="auth-view"> -->
-            <!-- <img src="/images/logo.png" width="150"/> -->
-            <RouterView/>
-        <!-- </div> -->
+        <RouterView/>
     </div>
     <Footer/>
 </template>
@@ -34,35 +28,23 @@
         justify-content: center;
         align-items: center;
         align-content: center;
-        width: 50%;
+        /* background-color: red; */
+        width: 55%;
         margin: 0px auto !important;
-        padding: 0px 0px !important;
+        padding: 0px 5px !important;
         overflow: hidden;
         min-height: 700px;
     }
-    .img-auth {
-        width: 50%;
-        /* object-fit: cover; */
-        margin: 24px 50px;
-        /* padding: 24p */
-    }
-    
-    .img {
-        width: 100%;
-        /* max-height: 80vh; */
-        border-radius: 13px;
-        /* object-fit: cover; */
-        /* padding: 24px; */
+
+    @media (max-width: 1024px) {
+        .auth-layout {
+            width: 70%;
+        }
     }
 
-    .auth-view {
-        display: flex;
-        width: 50%;
-        margin: 0px 0px;
-        padding: 0px 0px;
-        /* background-color: red; */
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
+    @media (max-width: 768px) {
+        .auth-layout {
+            width: 90%;
+        }
     }
 </style>