tatiana
/
taiage-spring
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Planificacion y flashcard

This commit is contained in:
Tatiana Villa 2026-05-11 10:29:34 +02:00
parent c63728987e
commit ce63affcb3
1 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/main/resources/static/css/style.css
View File

@ -931,8 +931,37 @@ a:hover { text-decoration: underline; }
RESPONSIVE
============================================================ */
@media (max-width: 768px) {
/* La topbar dobla a 2 filas en móvil → aumentar la variable de offset */
:root { --topbar-h: 86px; }
.menu-toggle { display: block; }
/* Topbar: wrap para 2 filas (iconos/usuario arriba, nav abajo) */
.topbar {
height: auto;
flex-wrap: wrap;
padding: .35rem .8rem .2rem;
row-gap: 0;
}
.menu-toggle { order: 0; }
.topbar-brand { order: 1; }
.topbar-user { order: 2; margin-left: auto; }
.topbar-progress { display: none; } /* evita que ocupe espacio en móvil */
/* Segunda fila: links desplazables horizontalmente */
.topbar-nav {
order: 10;
width: 100%;
margin-left: 0;
overflow-x: auto;
scrollbar-width: none; /* Firefox */
padding: .15rem 0 .3rem;
gap: .15rem;
}
.topbar-nav::-webkit-scrollbar { display: none; }
.topbar-nav a { white-space: nowrap; font-size: .8rem; padding: .28rem .65rem; }
.sidebar {
transform: translateX(-100%);
width: min(var(--sidebar-w), 85vw);