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

fix: mejorar legibilidad texto en tarjetas shuttle y login sidebar Chrome Android

Browse Source
This commit is contained in:
Johan Samudio
2026-02-23 20:59:42 -05:00
parent a6c33d0845
commit 5d14ef61d3
2 changed files with 36 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/components/AppHeader.vue
View File

@ -204,21 +204,8 @@ const handleLogout = () => {
letter-spacing: 0.05em;
}
/* SIBU SIDEBAR STYLES (SOLID) */
.sibu-sidebar {
position: fixed;
top: 0;
left: 0;
width: 280px;
height: 100vh;
background: var(--bg-secondary);
border-right: 1px solid var(--border-color);
z-index: 10000;
display: flex;
flex-direction: column;
box-shadow: 10px 0 30px rgba(0,0,0,0.2);
overflow: hidden;
}
/* SIBU SIDEBAR OPTIMIZED */
.sibu-sidebar {
@ -226,13 +213,18 @@ const handleLogout = () => {
top: 0;
left: 0;
width: 280px;
/* 100dvh = dynamic viewport height (excluye barra URL de Chrome Android) */
/* Fallback para navegadores antiguos: -webkit-fill-available */
height: 100vh;
height: -webkit-fill-available;
height: 100dvh;
background: var(--bg-secondary);
border-right: 1px solid var(--border-color);
z-index: 10000;
display: flex;
flex-direction: column;
box-shadow: 10px 0 40px rgba(0,0,0,0.3);
overflow: hidden;
}
.sibu-header-plain {
@ -365,10 +357,13 @@ const handleLogout = () => {
}
.sidebar-footer-fixed {
padding: 25px 20px;
padding: 20px 20px;
/* Añadir safe area para iPhone (notch inferior) y Android (barra de navegación) */
padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px));
background: var(--bg-primary);
border-top: 1px solid var(--border-color);
margin-top: auto;
flex-shrink: 0; /* Nunca se comprime, siempre visible */
}
.session-btn {