forked from rDrama/rDrama
fix
parent
245c7f69c4
commit
b5861291c0
|
@ -42,8 +42,8 @@
|
|||
</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="theme-iron dark" type="radio" id="iron-theme" class="peer" onchange="changeTheme(['theme-iron','dark']); post_toast2('/settings/profile?theme='+value, '1')" {% if v.theme == 'theme-iron dark'%}checked{% endif %}>
|
||||
<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">
|
||||
<input hidden name="kind" value="theme-iron dark" type="radio" id="iron-theme-dark" class="peer" onchange="changeTheme(['theme-iron','dark']); post_toast2('/settings/profile?theme='+value, '1')" {% if v.theme == 'theme-iron dark'%}checked{% endif %}>
|
||||
<label for="iron-theme-dark" 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>
|
||||
|
@ -66,7 +66,67 @@
|
|||
</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>
|
||||
<span class="font-bold text-base">Iron</span>
|
||||
</div>
|
||||
</label>
|
||||
</div>
|
||||
<!-- Slate -->
|
||||
<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="theme-iron" type="radio" id="iron-theme" class="peer" onchange="changeTheme(['theme-iron']); post_toast2('/settings/profile?theme='+value, '1')" {% if v.theme == 'theme-iron'%}checked{% endif %}>
|
||||
<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-[#d4d4d8]"></div>
|
||||
<ul class="flex flex-col space-y-1 h-12 w-full bg-[#e4e4e7] 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">Slate</span>
|
||||
</div>
|
||||
</label>
|
||||
</div>
|
||||
<!-- Osmium -->
|
||||
<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="theme-dramblr" type="radio" id="dramblr-theme" class="peer" onchange="changeTheme(['theme-dramblr']); post_toast2('/settings/profile?theme='+value, '1')" {% if v.theme == 'theme-dramblr'%}checked{% endif %}>
|
||||
<label for="dramblr-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-[#334155]">
|
||||
<div class="h-3 w-full bg-[#334155]"></div>
|
||||
<div class="h-4 w-full bg-[#cbd5e1]"></div>
|
||||
<ul class="flex flex-col space-y-1 h-12 w-full bg-[#e4e4e7] p-2 mb-0">
|
||||
<li class="flex">
|
||||
<i class="fas fa-arrow-alt-up text-[8px] text-[#0284c7]"></i>
|
||||
<div class="ml-1 h-2 w-2/4 rounded-full bg-black/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-black/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-black/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">Osmium</span>
|
||||
</div>
|
||||
</label>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue