From f42a895d9eb4cf75b20f0ecc9949db0eb5a21838 Mon Sep 17 00:00:00 2001
From: Hanzo_dev <2002samudiojohan@gmail.com>
Date: Sun, 1 Mar 2026 14:33:10 -0500
Subject: [PATCH] Fix auth rendering: add container with min-height and clear
 CSS issues

---
 frontend/src/views/AuthView.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/AuthView.vue b/frontend/src/views/AuthView.vue
index cc212e8..0ed8e22 100644
--- a/frontend/src/views/AuthView.vue
+++ b/frontend/src/views/AuthView.vue
@@ -65,9 +65,11 @@ onMounted(() => {
           {{ sessionExpiredMessage }}
         </div>
 
-        <!-- Formularios directos para evitar bugs de transición -->
-        <LoginForm v-if="isLogin" @toggle="toggleAuth" />
-        <RegisterForm v-else @toggle="toggleAuth" @success="isLogin = true" />
+        <!-- Contenedor dinámico de formularios con altura mínima garantizada -->
+        <div class="auth-forms-content" style="min-height: 300px; display: flex; flex-direction: column;">
+          <LoginForm v-if="isLogin" @toggle="toggleAuth" />
+          <RegisterForm v-else @toggle="toggleAuth" @success="isLogin = true" />
+        </div>
       </div>
 
       <!-- Footer -->
@@ -214,7 +216,6 @@ onMounted(() => {
   align-items: center;
   gap: 8px;
   background: var(--bg-secondary);
-  border: 10px 16px;
   border: 1px solid var(--border-color);
   color: var(--text-secondary);
   font-size: 0.85rem;