Efectos Visuales Añadidos: Al iniciar el arrastre: La pregunta se vuelve semi-transparente (40% opacidad) Se aplica un ligero zoom out (scale 0.98) Aparece un borde morado brillante (ring-2 ring-purple-500) Durante el arrastre sobre una pregunta: La zona de destino se resalta con fondo morado claro Borde superior morado grueso (4px) Sombra pronunciada para destacar la zona Indicador visual claro: Badge flotante que dice "Se moverá ANTES de esta pregunta" con ícono de cruz Transiciones suaves: Todas las transformaciones tienen duration-200 para animaciones fluidas El elemento arrastrado mantiene su escala reducida durante el movimiento Al soltar: Se restauran todos los estilos originales La pregunta regresa a opacidad 100% y escala normal
30 lines
695 B
JSON
30 lines
695 B
JSON
{
|
|
"name": "checklist-frontend",
|
|
"private": true,
|
|
"version": "1.0.96",
|
|
"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",
|
|
"react-markdown": "^9.0.1"
|
|
},
|
|
"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"
|
|
}
|
|
} |