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:
Jordan Blasenhauer 2024-04-22 22:27:36 +02:00
parent fbcf3193fa
commit 023c1b9d27
5 changed files with 7 additions and 7 deletions

File diff suppressed because one or more lines are too long

View file

@ -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"

View file

@ -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-->

View file

@ -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-->

View file

@ -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>