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
@@ -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