ronalds
45ad650bac
Sidebar ✅ Oculto por defecto en móvil (window.innerWidth < 1024px) ✅ Overlay oscuro cuando está abierto en móvil (se cierra al tocar fuera) ✅ Deslizable desde la izquierda con transiciones suaves ✅ Siempre visible en desktop (lg: breakpoint) Header ✅ Botón hamburguesa visible solo en móvil (lg:hidden) ✅ Logo escalable: 50px en móvil → 70px en desktop ✅ Título oculto en móvil para ahorrar espacio ✅ Indicador de sección: icono solo en móvil, texto completo en desktop ✅ Padding adaptable: 3px móvil → 4px tablet → 8px desktop Contenido Principal ✅ Sin margin-left en móvil (el sidebar es overlay) ✅ Padding responsive: 3px → 4px → 6px según tamaño ✅ Border-radius adaptable: xl en móvil → 2xl en desktop Modal de Inspección ✅ Ancho completo en móvil con padding mínimo (2px) ✅ Título responsive: lg (móvil) → xl (tablet) → 2xl (desktop) ✅ Altura máxima: 95vh móvil → 90vh desktop Navegador de Preguntas ✅ Botones más pequeños en móvil: 7px/8px círculos ✅ Overflow horizontal con scroll para muchas preguntas ✅ Números responsive: texto sm en móvil → lg en desktop ✅ Gaps reducidos: 1px móvil → 2px desktop Botones de Navegación ✅ Solo flechas en móvil (← →) ✅ Texto completo en desktop ("← Anterior", "Siguiente →") ✅ Padding y texto adaptables: text-sm móvil → text-base desktop ✅ Mejor uso del espacio horizontal Formularios ✅ Espaciado adaptive: space-y-3 móvil → space-y-6 desktop ✅ Labels y texto responsive: xs → sm → base ✅ Banner de modo IA con wrap en móvil La interfaz ahora es completamente funcional en móviles sin scroll horizontal, con todos los elementos accesibles y legibles! 📱✨
29 lines
663 B
JSON
29 lines
663 B
JSON
{
|
|
"name": "checklist-frontend",
|
|
"private": true,
|
|
"version": "1.0.86",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "vite build",
|
|
"preview": "vite preview"
|
|
},
|
|
"dependencies": {
|
|
"react": "^18.2.0",
|
|
"react-dom": "^18.2.0",
|
|
"react-router-dom": "^6.21.1",
|
|
"axios": "^1.6.5",
|
|
"react-signature-canvas": "^1.0.6",
|
|
"lucide-react": "^0.303.0",
|
|
"clsx": "^2.1.0"
|
|
},
|
|
"devDependencies": {
|
|
"@types/react": "^18.2.48",
|
|
"@types/react-dom": "^18.2.18",
|
|
"@vitejs/plugin-react": "^4.2.1",
|
|
"autoprefixer": "^10.4.16",
|
|
"postcss": "^8.4.33",
|
|
"tailwindcss": "^3.4.1",
|
|
"vite": "^5.0.11"
|
|
}
|
|
} |