refactor(settings): improve shortcuts button

This commit is contained in:
sethburkart123
2024-09-06 17:32:30 +10:00
parent 9363de5fb4
commit ac73056128
@@ -104,10 +104,28 @@
transition={springTransition} transition={springTransition}
> >
<button <button
class="w-full px-4 py-2 mb-4 text-white transition rounded-xl bg-zinc-700/50" class="w-full px-4 py-2 mb-4 text-[13px] text-white transition rounded-xl bg-zinc-700/50"
onclick={isFormVisible ? addNewCustomShortcut : toggleForm} onclick={isFormVisible ? addNewCustomShortcut : toggleForm}
> >
{isFormVisible ? 'Add' : 'Add Custom Shortcut'} {#if isFormVisible}
<MotionDiv
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
exit={{ opacity: 0 }}
transition={{ duration: 0.7 }}
>
Add
</MotionDiv>
{:else}
<MotionDiv
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
exit={{ opacity: 0 }}
transition={{ duration: 0.3 }}
>
Add Custom Shortcut
</MotionDiv>
{/if}
</button> </button>
</MotionDiv> </MotionDiv>
</div> </div>