This commit is contained in:
Thomas Chartron 2021-11-07 10:59:12 +01:00
parent bb1a0f8a16
commit eeab40c219

View file

@ -66,7 +66,8 @@
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
</svg> </svg>
</div> </div>
<!-- Search box modal -->
<!---------------------------- Search box modal ---------------------------->
<div id="search-modal" class="modal opacity-0 pointer-events-none fixed w-full h-full top-0 left-0 flex items-center justify-center z-10"> <div id="search-modal" class="modal opacity-0 pointer-events-none fixed w-full h-full top-0 left-0 flex items-center justify-center z-10">
<div class="modal-overlay absolute w-full h-full bg-gray-900 opacity-50"></div> <div class="modal-overlay absolute w-full h-full bg-gray-900 opacity-50"></div>
@ -81,17 +82,20 @@
<!-- Add margin if you want to see some of the overlay behind the modal--> <!-- Add margin if you want to see some of the overlay behind the modal-->
<div class="modal-content py-4 text-left px-6"> <div class="modal-content py-4 text-left px-6">
<!--Title--> <!-- Modal Title -->
<div class="flex justify-between items-center pb-3"> <div class="flex justify-between items-center pb-3">
<p class="text-2xl font-bold">Search</p> <p class="text-2xl font-bold">Search</p>
<div class="modal-close cursor-pointer z-50"> <div class="modal-close cursor-pointer z-50">
<svg class="fill-current text-black" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"> <!-- <svg class="fill-current text-black" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
<path d="M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z"></path> <path d="M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z"></path>
</svg> -->
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg> </svg>
</div> </div>
</div> </div>
<!--Body--> <!-- Modal Body -->
<p>Modal content can go here</p> <p>Modal content can go here</p>
<p>...</p> <p>...</p>
<p>...</p> <p>...</p>