G-tix
/
rDrama
forked from rDrama/rDrama
1
0
Fork 0
Code Pull Requests Activity

fix

master
kek7198 2021-12-19 14:36:11 -06:00
parent 30d0ee8e98
commit d0bb294667
1 changed files with 62 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

127
files/templates/CHRISTMAS/modals/ModalThemePicker.html
View File

@ -8,72 +8,69 @@
</button> </button>
</div> </div>
<div id="themePickerModalBody" class="overflow-y-auto px-4 py-2"> <div id="themePickerModalBody" class="overflow-y-auto px-4 py-2">
<form id="themeTarget" action="" method="post"> <!-- List of themes -->
<input type="hidden" name="formkey", value="{{v.formkey}}"> <div class="flex flex-wrap -mx-2 overflow-hidden">
<!-- List of themes --> <!-- Evergreen -->
<div class="flex flex-wrap -mx-2 overflow-hidden"> <div class="my-2 px-2 w-1/2 overflow-hidden lg:w-1/4 flex items-center justify-center">
<!-- Evergreen --> <input hidden name="kind" value="theme-evergreen" type="radio" id="evergreen-theme" class="peer" onchange="changeTheme(['theme-evergreen']); post_toast2('/settings/profile?theme='+value, '1')">
<div class="my-2 px-2 w-1/2 overflow-hidden lg:w-1/4 flex items-center justify-center"> <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">
<input hidden name="kind" value="theme-evergreen" type="radio" id="evergreen-theme" class="peer" onchange="changeTheme(['theme-evergreen']); post_toast('/settings/profile?theme='+value, '1')"> <div class="flex flex-col w-full h-full bg-[#37523e]">
<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="h-3 w-full bg-[#37523e]"></div>
<div class="flex flex-col w-full h-full bg-[#37523e]"> <div class="h-4 w-full bg-[#d1dbd5]"></div>
<div class="h-3 w-full bg-[#37523e]"></div> <ul class="flex flex-col space-y-1 h-12 w-full bg-[#e5ebe7] p-2 mb-0">
<div class="h-4 w-full bg-[#d1dbd5]"></div> <li class="flex">
<ul class="flex flex-col space-y-1 h-12 w-full bg-[#e5ebe7] p-2 mb-0"> <i class="fas fa-arrow-alt-up text-[8px] text-[#dc2626]"></i>
<li class="flex"> <div class="ml-1 h-2 w-2/4 rounded-full bg-black/50"></div>
<i class="fas fa-arrow-alt-up text-[8px] text-[#dc2626]"></i> <div class="ml-auto h-2 w-1/4 rounded-full bg-[#dc2626]"></div>
<div class="ml-1 h-2 w-2/4 rounded-full bg-black/50"></div> </li>
<div class="ml-auto h-2 w-1/4 rounded-full bg-[#dc2626]"></div> <li class="flex">
</li> <i class="fas fa-arrow-alt-up text-[8px] text-gray-400"></i>
<li class="flex"> <div class="ml-1 h-2 w-2/4 rounded-full bg-black/50"></div>
<i class="fas fa-arrow-alt-up text-[8px] text-gray-400"></i> <div class="ml-auto h-2 w-1/4 rounded-full bg-transparent"></div>
<div class="ml-1 h-2 w-2/4 rounded-full bg-black/50"></div> </li>
<div class="ml-auto h-2 w-1/4 rounded-full bg-transparent"></div> <li class="flex">
</li> <i class="fas fa-arrow-alt-up text-[8px] text-gray-400"></i>
<li class="flex"> <div class="ml-1 h-2 w-2/4 rounded-full bg-black/50"></div>
<i class="fas fa-arrow-alt-up text-[8px] text-gray-400"></i> <div class="ml-auto h-2 w-1/4 rounded-full bg-transparent"></div>
<div class="ml-1 h-2 w-2/4 rounded-full bg-black/50"></div> </li>
<div class="ml-auto h-2 w-1/4 rounded-full bg-transparent"></div> </ul>
</li> </div>
</ul> <div class="w-full border-t border-gray-200 dark:border-gray-600 p-2 text-center">
</div> <span class="font-bold text-base">Evergreen</span>
<div class="w-full border-t border-gray-200 dark:border-gray-600 p-2 text-center"> </div>
<span class="font-bold text-base">Evergreen</span> </label>
</div>
</label>
</div>
<!-- Iron -->
<div class="my-2 px-2 w-1/2 overflow-hidden lg:w-1/4 flex items-center justify-center">
<input hidden name="kind" value="iron" type="radio" id="iron-theme" class="peer" onchange="changeTheme(['theme-iron','dark']);">
<label for="iron-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-[#3f3f46]">
<div class="h-3 w-full bg-[#3f3f46]"></div>
<div class="h-4 w-full bg-[#27272a]"></div>
<ul class="flex flex-col space-y-1 h-12 w-full bg-[#27272a] p-2 mb-0">
<li class="flex">
<i class="fas fa-arrow-alt-up text-[8px] text-[#db2777]"></i>
<div class="ml-1 h-2 w-2/4 rounded-full bg-white/50"></div>
<div class="ml-auto h-2 w-1/4 rounded-full bg-[#db2777]"></div>
</li>
<li class="flex">
<i class="fas fa-arrow-alt-up text-[8px] text-gray-400"></i>
<div class="ml-1 h-2 w-2/4 rounded-full bg-white/50"></div>
<div class="ml-auto h-2 w-1/4 rounded-full bg-transparent"></div>
</li>
<li class="flex">
<i class="fas fa-arrow-alt-up text-[8px] text-gray-400"></i>
<div class="ml-1 h-2 w-2/4 rounded-full bg-white/50"></div>
<div class="ml-auto h-2 w-1/4 rounded-full bg-transparent"></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">Iron (Dark)</span>
</div>
</label>
</div>
</div> </div>
</form> <!-- Iron -->
<div class="my-2 px-2 w-1/2 overflow-hidden lg:w-1/4 flex items-center justify-center">
<input hidden name="kind" value="iron" type="radio" id="iron-theme" class="peer" onchange="changeTheme(['theme-iron','dark']); post_toast2('/settings/profile?theme='+value, '1')">
<label for="iron-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-[#3f3f46]">
<div class="h-3 w-full bg-[#3f3f46]"></div>
<div class="h-4 w-full bg-[#27272a]"></div>
<ul class="flex flex-col space-y-1 h-12 w-full bg-[#27272a] p-2 mb-0">
<li class="flex">
<i class="fas fa-arrow-alt-up text-[8px] text-[#db2777]"></i>
<div class="ml-1 h-2 w-2/4 rounded-full bg-white/50"></div>
<div class="ml-auto h-2 w-1/4 rounded-full bg-[#db2777]"></div>
</li>
<li class="flex">
<i class="fas fa-arrow-alt-up text-[8px] text-gray-400"></i>
<div class="ml-1 h-2 w-2/4 rounded-full bg-white/50"></div>
<div class="ml-auto h-2 w-1/4 rounded-full bg-transparent"></div>
</li>
<li class="flex">
<i class="fas fa-arrow-alt-up text-[8px] text-gray-400"></i>
<div class="ml-1 h-2 w-2/4 rounded-full bg-white/50"></div>
<div class="ml-auto h-2 w-1/4 rounded-full bg-transparent"></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">Iron (Dark)</span>
</div>
</label>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>