41 lines
No EOL
2.2 KiB
HTML
41 lines
No EOL
2.2 KiB
HTML
<div class="modal fade" id="themePickerModal" tabindex="-1" role="dialog" aria-labelledby="themePickerModalTitle" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered" role="document">
|
|
<div class="modal-content bg-gray-100 dark:bg-gray-700 dark:text-gray-200 rounded-md shadow-lg">
|
|
<div class="modal-header">
|
|
<h5 class="font-bold text-xl font-heading leading-normal">Select theme</h5>
|
|
<button type="button" class="close text-gray-700 hover:text-gray-900 dark:text-gray-500 dark:hover:text-gray-400" data-bs-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true"><i class="far fa-times"></i></span>
|
|
</button>
|
|
</div>
|
|
<div id="themePickerModalBody" class="overflow-y-auto px-4">
|
|
<form id="themeTarget" action="" method="post">
|
|
<input type="hidden" name="formkey", value="{{v.formkey}}">
|
|
<div class="flex flex-wrap -mx-4 overflow-hidden">
|
|
<div class="my-4 px-4 w-1/2 overflow-hidden lg:w-1/4 flex items-center justify-center">
|
|
<input hidden name="kind" value="evergreen" type="radio" id="evergreen-theme" class="peer">
|
|
<label for="evergreen-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-200 dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-primary rounded-lg overflow-hidden">
|
|
<div class="flex flex-col w-full h-full bg-[#37523e]">
|
|
<div class="h-3 w-full bg-[#37523e]"></div>
|
|
<div class="h-5 w-full bg-[#d1dbd5]"></div>
|
|
<ul class="flex flex-col space-y-2 h-12 w-full bg-[#e5ebe7] p-2">
|
|
<li class="flex space-x-1">
|
|
<div class="h-1.5 w-1.5 rounded-full bg-primary"></div>
|
|
<div class="h-1.5 w-3/4 rounded-full bg-black/80"></div>
|
|
</li>
|
|
<li class="flex space-x-1">
|
|
<div class="h-1.5 w-1.5 rounded-full bg-primary"></div>
|
|
<div class="h-1.5 w-3/4 rounded-full bg-black/80"></div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="w-full border-t border-gray-200 dark:border-gray-600 p-2 text-center">
|
|
<span class="font-bold text-base">Evergreen</span>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |