official-techsupport
/
rDrama
forked from rDrama/rDrama
1
0
Fork 0
Code Pull Requests Activity

fix

master
kek7198 2021-12-19 12:44:02 -06:00
parent 1eab5a7af1
commit a4542c54e3
4 changed files with 62 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
files/static/dist/main.css vendored
View File

@ -1128,6 +1128,9 @@ video {
.h-1 {
height: 0.25rem;
}
.h-4 {
height: 1rem;
}
.h-5 {
height: 1.25rem;
}
@ -1654,6 +1657,14 @@ video {
.bg-white\/60 {
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 {
background-color: rgba(var(--color-300), 0.4);
}
@ -2884,6 +2895,11 @@ video {
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 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-400), var(--tw-bg-opacity));

1
files/templates/CHRISTMAS/default.html
View File

@ -298,6 +298,7 @@
{% include "CHRISTMAS/toasts/toasts.html" %}
{% block modals %}
{% include "CHRISTMAS/modals/ModalThemePicker.html" %}
{% endblock %}
{% block popovers %}

8
files/templates/CHRISTMAS/dropdowns/NavbarProfile.html
View File

@ -72,6 +72,14 @@
<li>
<hr class="mt-2 mb-1.5 border-t border-black h-1 shadow-inset-t-white-05"/>
</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>
<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

37
files/templates/CHRISTMAS/modals/ModalThemePicker.html 100644
View File

@ -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">&nbsp;</div>
<div class="text-muted">&nbsp;</div>
</a>
</div>
</form>
</div>
</div>
</div>
</div>