Lizandro GuarnizoandClaude Sonnet 5
ce5956878d
El SPA no tenía ningún tratamiento responsive: un sidebar fijo de 256px siempre visible. En un teléfono de 375px eso deja 119px para el contenido. Ahora en móvil el sidebar sale de flujo y entra deslizándose desde la izquierda, con botón en el header y fondo oscuro para cerrarlo. Se cierra solo al elegir un tenant: dejarlo abierto tapa justo la pantalla a la que se acaba de entrar. En escritorio (md+) no cambia nada — sigue fijo y sin botón. El estado vive en lib/ui.js porque lo tocan dos componentes que no son padre/hijo: el botón del header y el propio sidebar. También se achica el padding del contenido en pantallas chicas y las tabs del agente pasan a scrollear en su propia caja en vez de desbordar. Medido a 492px de ancho: scrollWidth igual a innerWidth y ningún elemento sobresaliendo. Escritorio verificado sin regresión. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
17 lines
649 B
HTML
17 lines
649 B
HTML
<!doctype html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>uMind Studio</title>
|
|
<script type="module" crossorigin src="/orchestrator/assets/index-B67EqHas.js"></script>
|
|
<link rel="stylesheet" crossorigin href="/orchestrator/assets/index-D_GQdYSJ.css">
|
|
</head>
|
|
<!-- Sin clase de fondo: el color lo pone body en style.css desde los tokens,
|
|
que son los que cambian con el tema. Una utilidad acá le ganaba a la
|
|
capa base y dejaba el fondo claro también en modo oscuro. -->
|
|
<body>
|
|
<div id="app"></div>
|
|
</body>
|
|
</html>
|