forked from rDrama/rDrama
fix
parent
1eab5a7af1
commit
a4542c54e3
|
@ -1128,6 +1128,9 @@ video {
|
||||||
.h-1 {
|
.h-1 {
|
||||||
height: 0.25rem;
|
height: 0.25rem;
|
||||||
}
|
}
|
||||||
|
.h-4 {
|
||||||
|
height: 1rem;
|
||||||
|
}
|
||||||
.h-5 {
|
.h-5 {
|
||||||
height: 1.25rem;
|
height: 1.25rem;
|
||||||
}
|
}
|
||||||
|
@ -1654,6 +1657,14 @@ video {
|
||||||
.bg-white\/60 {
|
.bg-white\/60 {
|
||||||
background-color: rgba(255, 255, 255, 0.6);
|
background-color: rgba(255, 255, 255, 0.6);
|
||||||
}
|
}
|
||||||
|
.bg-\[\#37523e\] {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgba(55, 82, 62, var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
.bg-\[\#e5ebe7\] {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgba(229, 235, 231, var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
.bg-gray-300\/40 {
|
.bg-gray-300\/40 {
|
||||||
background-color: rgba(var(--color-300), 0.4);
|
background-color: rgba(var(--color-300), 0.4);
|
||||||
}
|
}
|
||||||
|
@ -2884,6 +2895,11 @@ video {
|
||||||
outline-offset: 2px;
|
outline-offset: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.peer:checked ~ .peer-checked\:border-primary {
|
||||||
|
--tw-border-opacity: 1;
|
||||||
|
border-color: rgba(var(--color-primary), var(--tw-border-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
.peer:checked ~ .peer-checked\:bg-gray-400 {
|
.peer:checked ~ .peer-checked\:bg-gray-400 {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgba(var(--color-400), var(--tw-bg-opacity));
|
background-color: rgba(var(--color-400), var(--tw-bg-opacity));
|
||||||
|
|
|
@ -298,6 +298,7 @@
|
||||||
{% include "CHRISTMAS/toasts/toasts.html" %}
|
{% include "CHRISTMAS/toasts/toasts.html" %}
|
||||||
|
|
||||||
{% block modals %}
|
{% block modals %}
|
||||||
|
{% include "CHRISTMAS/modals/ModalThemePicker.html" %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block popovers %}
|
{% block popovers %}
|
||||||
|
|
|
@ -72,6 +72,14 @@
|
||||||
<li>
|
<li>
|
||||||
<hr class="mt-2 mb-1.5 border-t border-black h-1 shadow-inset-t-white-05"/>
|
<hr class="mt-2 mb-1.5 border-t border-black h-1 shadow-inset-t-white-05"/>
|
||||||
</li>
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" data-bs-toggle="modal" data-bs-target="#themePickerModal">
|
||||||
|
<i class="fas fa-paint-brush fa-sm fa-fw mr-4"></i>Pick theme
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<hr class="mt-2 mb-1.5 border-t border-black h-1 shadow-inset-t-white-05"/>
|
||||||
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<button class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" onclick="post_toast('/logout', '1')">
|
<button class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" onclick="post_toast('/logout', '1')">
|
||||||
<i class="fas fa-power-off fa-sm fa-fw mr-4"></i>Log out
|
<i class="fas fa-power-off fa-sm fa-fw mr-4"></i>Log out
|
||||||
|
|
|
@ -0,0 +1,37 @@
|
||||||
|
<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 rounded-md shadow-lg">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="font-bold text-xl text-black font-heading leading-normal">Select theme</h5>
|
||||||
|
<button type="button" class="close text-gray-700 hover:text-gray-900" data-bs-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true"><i class="far fa-times"></i></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div id="awardModalBody" class="overflow-y-auto px-4">
|
||||||
|
<form id="awardTarget" 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="{{award.kind}}-award" class="flex flex-col items-center justify-center w-full h-full p-2 text-center hover:bg-gray-300 peer-checked:border-primary rounded">
|
||||||
|
<div class="flex flex-col w-full h-full bg-[#37523e]">
|
||||||
|
<div class="h-4 w-full bg-[#37523e]"></div>
|
||||||
|
<div class="h-full w-full mt-2 bg-[#e5ebe7]"></div>
|
||||||
|
</div>
|
||||||
|
<div class="border-t p-2 text-center">
|
||||||
|
<span class="font-bold text-base text-black">Evergreen</span>
|
||||||
|
</div>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
<a class="card disabled d-md-none" style="border:none">
|
||||||
|
<i class="fas fa-volume-mute" style="opacity:0"></i>
|
||||||
|
<div class="pt-2" style="font-weight: bold; font-size: 14px; color:#E1E1E1"> </div>
|
||||||
|
<div class="text-muted"> </div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
Loading…
Reference in New Issue