Hanzo_Dev/SIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Emergency fix for auth rendering: added SW unregister, diagnostic borders, and forced visibility styles

Browse Source
This commit is contained in:
Johan Samudio
2026-03-01 15:00:40 -05:00
parent b504ecc550
commit 4308c59274
4 changed files with 22 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/auth/LoginForm.vue
View File

@ -49,7 +49,9 @@ const navigateByUserRole = (role: string) => {
</script>
<template>
<div class="login-form">
<div class="login-form" style="border: 2px solid rgba(254, 231, 21, 0.3); border-radius: 12px; margin: 10px;">
<!-- Indicador de carga para diagnóstico -->
<div style="font-size: 10px; color: var(--active-color); opacity: 0.5; text-align: center;">[LoginForm Mounted]</div>
<!-- Formulario -->

4
frontend/src/components/auth/RegisterForm.vue
View File

@ -65,7 +65,9 @@ const navigateByUserRole = (role: string) => {
</script>
<template>
<div class="register-form">
<div class="register-form" style="border: 2px solid rgba(59, 130, 246, 0.3); border-radius: 12px; margin: 10px;">
<!-- Indicador de carga para diagnóstico -->
<div style="font-size: 10px; color: #3b82f6; opacity: 0.5; text-align: center;">[RegisterForm Mounted]</div>
<!-- Éxito -->
<div v-if="successMessage" class="success-card">

13
frontend/src/views/AuthView.vue
View File

@ -65,10 +65,15 @@ onMounted(() => {
{{ sessionExpiredMessage }}
</div>
<!-- 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" />
<!-- Contenedor de formularios con diagnóstico forzado -->
<div class="auth-forms-content" style="min-height: 350px; display: flex; flex-direction: column; border: 1px dashed rgba(255,255,255,0.1); padding: 5px;">
<!-- Texto de diagnóstico (visible solo si los componentes fallan) -->
<div v-if="isLogin" style="display: block !important; visibility: visible !important; opacity: 1 !important; width: 100%;">
<LoginForm @toggle="toggleAuth" />
</div>
<div v-else style="display: block !important; visibility: visible !important; opacity: 1 !important; width: 100%;">
<RegisterForm @toggle="toggleAuth" @success="isLogin = true" />
</div>
</div>
</div>