Compare commits

...

2 Commits

Author SHA1 Message Date
Prospect
14abe15f7b ui/ux improvements 2024-02-26 15:13:47 -05:00
Prospect
05a7c54baa ui/ux improvements 2024-02-26 15:13:01 -05:00
3 changed files with 4 additions and 4 deletions

View File

@@ -2644,7 +2644,7 @@ body.login {
} }
#slide-out-menu { #slide-out-menu {
translate: -100%; transform: translateX(-100%);
transition: 300ms ease-in-out; transition: 300ms ease-in-out;
/* Hide scrollbar for WebKit (Chrome, Safari) */ /* Hide scrollbar for WebKit (Chrome, Safari) */
/* Hide scrollbar for Firefox */ /* Hide scrollbar for Firefox */
@@ -2675,7 +2675,7 @@ body.login {
} }
#slide-out-menu.open { #slide-out-menu.open {
transform: translateX(100%); transform: translateX(0);
} }
#header-nav.out-of-view { #header-nav.out-of-view {

View File

@@ -99,7 +99,7 @@ $statesOfWellness = [
<li class="accordion bg-<?= $state['color']['bg'] ?> text-<?= $state['color']['text'] ?>"> <li class="accordion bg-<?= $state['color']['bg'] ?> text-<?= $state['color']['text'] ?>">
<div class="relative flex px-2 rounded-md justify-between"> <div class="relative flex px-2 rounded-md justify-between">
<div href="" class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle"> <div href="" class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle">
<p><?php echo $state['title'] ?></p> <p class="pr-4"><?php echo $state['title'] ?></p>
</div> </div>
<button class="accordion-toggle absolute inset-0 flex w-full h-full"> <button class="accordion-toggle absolute inset-0 flex w-full h-full">

View File

@@ -64,7 +64,7 @@ $safetyPrecaution = [
<li class="accordion precautions-columns"> <li class="accordion precautions-columns">
<div class="relative flex px-2 rounded-md justify-between"> <div class="relative flex px-2 rounded-md justify-between">
<div href="" class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle"> <div href="" class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle">
<p><?php echo $precaution['title'] ?></p> <p class="pr-4"><?php echo $precaution['title'] ?></p>
</div> </div>
<button class="accordion-toggle absolute inset-0 flex w-full h-full"> <button class="accordion-toggle absolute inset-0 flex w-full h-full">