VPS 4 Deploy Agent
9f02c41c31
continuous-integration/webhook Deploy concluído (VPS4)
Todo o tratamento mobile é aditivo e isolado atrás de @media (max-width:1023px/ 480px/360px) — o visual desktop (≥1024px) permanece pixel-idêntico. Navegação: - Sidebar.jsx: vira drawer deslizante no mobile (top-bar fixo + hambúrguer + backdrop + botão fechar). Trava scroll do body, fecha ao navegar/tocar item. No desktop continua sidebar fixa idêntica. Componente novo: - DropdownMenu.jsx: menu flutuante chevron-down reutilizável (fecha em outside-click/ESC). Usado para colapsar ações secundárias no mobile. Headers (GtosPage, PatientsPage): - Busca full-width; botões "+ Novo/Atualizar" em linha no desktop (.hide-mobile) e colapsados em DropdownMenu no mobile (.show-mobile). Tabelas → cards empilhados (PatientsPage, GtosPage, AdminClinicsPage): - classe .responsive-table + data-label em cada td. No mobile thead some e cada linha vira card com rótulo:valor. Desktop mantém tabela normal. CSS (index.css): - Sistema de breakpoints completo, drawer, dropdown, cards de tabela, grid de thumbs reduzido, modais fullscreen, 100dvh, inputs 16px (anti-zoom iOS), alvos de toque ≥40px, paginação/stat-cards que quebram linha. Fix: remove chave 'border' duplicada no style do stat card da GtosPage. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>