mirror of
https://github.com/bunkerity/bunkerweb
synced 2026-05-24 09:28:37 +00:00
enhance services UI and darkmode
* add hover effect + darkmode for draft and mode btn * enhance darkmode modal actions btn enabled/disabled mode
This commit is contained in:
parent
fbcf3193fa
commit
023c1b9d27
5 changed files with 7 additions and 7 deletions
File diff suppressed because one or more lines are too long
4
src/ui/templates/services_modal.html
vendored
4
src/ui/templates/services_modal.html
vendored
|
|
@ -11,7 +11,7 @@
|
|||
SERVICE MODAL
|
||||
</p>
|
||||
<button data-toggle-draft-btn
|
||||
class="transition hover:brightness-75 dark:hover:brightness-110 sm:ml-4 flex items-center border border-gray-700 dark:border-gray-300 rounded py-1 px-2">
|
||||
class="transition hover:brightness-75 dark:hover:brightness-110 sm:ml-4 flex items-center border border-gray-700 dark:border-gray-300 dark:bg-slate-700 bg-gray-50/10 text-gray-800 rounded py-1 px-2">
|
||||
<p data-toggle-draft="true"
|
||||
class="hidden dark:text-gray-100 mb-0 mr-2 pointer-events-none">Draft</p>
|
||||
<p data-toggle-draft="false"
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
</svg>
|
||||
</button>
|
||||
<button data-toggle-settings-mode-btn="advanced"
|
||||
class="transition hover:brightness-75 dark:hover:brightness-110 sm:ml-4 flex items-center border border-gray-700 dark:border-gray-300 rounded py-1 px-2 mt-1.5 sm:mt-0">
|
||||
class="transition hover:brightness-75 dark:hover:brightness-110 sm:ml-4 flex items-center border border-gray-700 dark:border-gray-300 dark:bg-slate-700 bg-gray-50/10 text-gray-800 rounded py-1 px-2 mt-1.5 sm:mt-0">
|
||||
<p data-toggle-settings-mode="simple"
|
||||
class="hidden dark:text-gray-100 mb-0 mr-2 pointer-events-none">Simple</p>
|
||||
<p data-toggle-settings-mode="advanced"
|
||||
|
|
|
|||
2
src/ui/templates/services_modal_delete.html
vendored
2
src/ui/templates/services_modal_delete.html
vendored
|
|
@ -16,7 +16,7 @@
|
|||
<div class="w-full justify-center flex mt-10">
|
||||
<button data-services-modal-close
|
||||
type="button"
|
||||
class="dark:bg-slate-800 close-btn mb-4 mr-3 text-base">Close</button>
|
||||
class="close-btn mb-4 mr-3 text-base">Close</button>
|
||||
<button type="submit" class="delete-btn mb-4 mr-3 text-base">Delete</button>
|
||||
</div>
|
||||
<!-- end action button-->
|
||||
|
|
|
|||
|
|
@ -107,7 +107,7 @@
|
|||
<div class="flex justify-center">
|
||||
<button data-services-modal-close
|
||||
type="button"
|
||||
class="dark:bg-slate-800 close-btn mb-4 mr-3 text-base">Close</button>
|
||||
class="close-btn mb-4 mr-3 text-base">Close</button>
|
||||
<button data-services-modal-submit type="submit" class="mb-4 valid-btn">Save</button>
|
||||
</div>
|
||||
<!-- end action button-->
|
||||
|
|
|
|||
|
|
@ -68,11 +68,11 @@
|
|||
<div class="flex justify-center">
|
||||
<button data-services-modal-close
|
||||
type="button"
|
||||
class="dark:bg-slate-800 close-btn mb-4 mr-3 text-base">Close</button>
|
||||
class="close-btn mb-4 mr-3 text-base">Close</button>
|
||||
<button data-simple-back
|
||||
type="button"
|
||||
disabled
|
||||
class="dark:bg-slate-800 info-btn mb-4 mr-3 text-base">Back</button>
|
||||
class="info-btn mb-4 mr-3 text-base">Back</button>
|
||||
<button data-simple-next type="button" class="mb-4 valid-btn">Continue</button>
|
||||
<button data-services-modal-submit type="submit" class="hidden mb-4 valid-btn">Save</button>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue