En el móvil
La oficina se usa igual desde el móvil, pero cambia la forma de llegar a las cosas. No hay una versión distinta de la aplicación: es la misma, con dos cajones y las tablas convertidas en fichas.
El menú, en un cajón
Sección titulada «El menú, en un cajón»En pantalla ancha el menú está siempre a la izquierda. Por debajo de 820 px no desaparece: se guarda en un cajón que se abre con la hamburguesa de la barra de arriba.
- Se abre y se cierra con la hamburguesa, con el aspa de dentro del cajón, o tocando el fondo oscuro.
- Elegir una vista cierra el cajón solo, también si eliges la vista en la que ya estabas.
- Dentro del cajón el menú siempre se ve entero: el plegado a 58 px no tiene sentido ahí.
El panel de firmas, en otro cajón
Sección titulada «El panel de firmas, en otro cajón»El panel derecho (lo que espera tu firma) entra desde la derecha con su propio botón, y también se cierra tocando fuera. Aparece desde 1180 px hacia abajo, porque a partir de ahí no cabe al lado del contenido.
Las tablas, en fichas
Sección titulada «Las tablas, en fichas»Una tabla de ocho columnas en 390 px deja los importes fuera de la pantalla: había que arrastrar de lado para ver el dato que importa. Por debajo de 820 px cada fila se convierte en una ficha:
┌──────────────────────────────┐│ Juan Gómez ││ Director Técnico ││ Departamento tecnología││ Modelo deepseek-v4.1-… ││ Consumo del mes ▓▓░ 2,9 % ││ Asignado 20,00 € ││ Queda 19,42 € ││ Tokens 1.603.448 ││ [ Límites ] │└──────────────────────────────┘La etiqueta de cada línea sale de la cabecera de la tabla, así que si mañana cambia una columna la
ficha cambia con ella sin tocar nada (web/src/tablas.ts).
Detalles que no se ven pero se notan
Sección titulada «Detalles que no se ven pero se notan»- Los botones llegan a 38-40 px de alto: por debajo de eso el dedo falla.
- Los campos del formulario van a 16 px, que es lo que evita que el navegador del teléfono haga zoom solo al enfocar un campo.
- El detalle de las cifras sube a 13 px en pantalla estrecha: es donde se mira el número.
- Nada de la aplicación se desplaza en horizontal: si algo no cabe, se convierte en ficha o se queda con su propio scroll dentro de su bloque.