Drag and drop con ordenamiento
Clase 12 de 24 • Curso de Maquetación con Angular CDK y Tailwind CSS
Contenido del curso
Ángel David Roque Ayala
student•
hace 3 años
Daniel Pacheco
student•
hace 3 años
Brenda Sutara
student•
hace 2 años
Clase 12 de 24 • Curso de Maquetación con Angular CDK y Tailwind CSS
Contenido del curso
Ángel David Roque Ayala
Daniel Pacheco
Brenda Sutara
Kevin Bueno
Patrick Feeney
Elioenai Garcia
Reinaldo Mendoza
Vicente Benavides
Si te genera un espacio extra al final del sitio puedes cambiar la clase "h-screen" por "h-full sm:h-auto sm:min-h-screen" es decir:
<div class="flex flex-col h-full sm:h-auto sm:min-h-screen">
no funciona en mobile para menores a 640px, asi funcionaria para todo:
<div class="flex flex-col min-h-screen">
Gracias Ángel, estaba luchando con eso. Lo solucioné como dijiste. Gracias nuevamente
Aporte
todos: ToDo[] = [ { id: '1', title: 'Make dishes' }, { id: '2', title: 'Buy a unicorn' }, { id: '2', title: 'Watch Angular Path in Platzi' } ];
styles: [ ` /* Animate items as they're being sorted. */ .cdk-drop-list-dragging .cdk-drag { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } /* Animate an item that has been dropped. */ .cdk-drag-animating { transition: transform 300ms cubic-bezier(0, 0, 0.2, 1); } ` ]
esto si, muy interesante
Hola @todos.
Sólo para aclarar en el min 8, cuando el profesor menciona tengo que hacer una función que escuche a ese evento más bien quiso decir un método 😉
😐Es lo mismo
excelente clase