fix(studio): uMind era inusable en móvil
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>
This commit is contained in:
co-authored by
Claude Sonnet 5
parent
e2440b04f1
commit
ce5956878d
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -4,8 +4,8 @@
|
||||
<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-DsDQ67K1.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/orchestrator/assets/index-DyYio0bD.css">
|
||||
<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
|
||||
|
||||
Reference in New Issue
Block a user