mirror of
https://github.com/BetterSEQTA/BetterSEQTA-Plus.git
synced 2026-06-06 03:34:40 +00:00
refactor(settings): improve shortcuts button
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user