Modern Modal Component - Copy this Html, Tailwind Component to your project
<! Modal > <div id="myModal" class="fixed inset 0 z 50 flex items center justify center" style="display:none;"> <div class="absolute inset 0 bg black opacity 50" onclick="closeModal()"></div> <div class="bg white rounded lg shadow lg z 50 max w md w full mx 4 transform transition all duration 300 scale 100"> <div class="border b px 4 py 2 flex justify between items center"> <h3 class="font semibold text lg">Dettagli</h3> <button class="text gray 700 hover:text gray 900" onclick="closeModal()"> <svg xmlns="http://www.w3.org/2000/svg" class="h 6 w 6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke linecap="round" stroke linejoin="round" stroke width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div id="modalContent" class="p 4"> </div> <div class="px 4 py 2 border t flex justify end"> <button class="bg blue 500 text white px 4 py 2 rounded md hover:bg blue 600" onclick="closeModal()"> Chiudi </button> </div> </div> </div> Trasformamelo in una modale moderna, deve essere una modale di ultima generazione fatta con html e tailwindcss, sfrutta tutte le tue capacità di graphic designer e ui
