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

7
frontend/index.html
View File

@ -17,6 +17,13 @@
</head> </head>
<body> <body>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.getRegistrations().then(function(registrations) {
for(let registration of registrations) { registration.unregister(); }
});
}
</script>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>

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

@ -49,7 +49,9 @@ const navigateByUserRole = (role: string) => {
</script> </script>
<template> <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 --> <!-- Formulario -->

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

@ -65,7 +65,9 @@ const navigateByUserRole = (role: string) => {
</script> </script>
<template> <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 --> <!-- Éxito -->
<div v-if="successMessage" class="success-card"> <div v-if="successMessage" class="success-card">

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

@ -65,10 +65,15 @@ onMounted(() => {
{{ sessionExpiredMessage }} {{ sessionExpiredMessage }}
</div> </div>
<!-- Contenedor dinámico de formularios con altura mínima garantizada --> <!-- Contenedor de formularios con diagnóstico forzado -->
<div class="auth-forms-content" style="min-height: 300px; display: flex; flex-direction: column;"> <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;">
<LoginForm v-if="isLogin" @toggle="toggleAuth" /> <!-- Texto de diagnóstico (visible solo si los componentes fallan) -->
<RegisterForm v-else @toggle="toggleAuth" @success="isLogin = true" /> <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>
</div> </div>