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

fix: Implementación de Sticky Header y optimización de área segura (Notch)

Browse Source
This commit is contained in:
Johan Samudio
2026-02-22 14:07:47 -05:00
parent 441cf298e3
commit d8245c5021
2 changed files with 7 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -164,16 +164,15 @@ const handleLogout = () => {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
padding: 0 20px;
height: 64px;
padding: var(--safe-area-top) 20px 0; /* Añadir espacio para el Notch */
height: calc(64px + var(--safe-area-top));
border-bottom: 1px solid var(--border-color);
position: fixed;
position: sticky; /* Cambiado de fixed a sticky para mejor integración */
top: 0;
left: 0;
right: 0;
z-index: 2000;
width: 100%;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.header-left {