From bd5941229bf38a42a399b67c9c22a61dce842ef3 Mon Sep 17 00:00:00 2001 From: shadcn Date: Sun, 11 Jun 2023 20:47:23 +0400 Subject: [PATCH] feat: update transition ease for sidebar --- tailwind.config.js | 18 ++++++++++++------ 1 file changed, 12 insertions(+), 6 deletions(-) diff --git a/tailwind.config.js b/tailwind.config.js index b6b222a..7ad7def 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -70,24 +70,30 @@ module.exports = { }, 'slide-from-left': { '0%': { - transform: 'translateX(-100%)' + transform: 'translateX(-100%)', + opacity: 0 }, '100%': { - transform: 'translateX(0)' + transform: 'translateX(0)', + opacity: 1 } }, 'slide-to-left': { '0%': { - transform: 'translateX(0)' + transform: 'translateX(0)', + opacity: 1 }, '100%': { - transform: 'translateX(-100%)' + transform: 'translateX(-100%)', + opacity: 0 } } }, animation: { - 'slide-from-left': 'slide-from-left 0.2s ease-out', - 'slide-to-left': 'slide-to-left 0.2s ease-out', + 'slide-from-left': + 'slide-from-left 0.4s cubic-bezier(0.82, 0.085, 0.395, 0.895)', + 'slide-to-left': + 'slide-to-left 0.25s cubic-bezier(0.82, 0.085, 0.395, 0.895)', 'accordion-down': 'accordion-down 0.2s ease-out', 'accordion-up': 'accordion-up 0.2s ease-out' }