diff --git a/doc/galleria/theming/TailwindDoc.vue b/doc/galleria/theming/TailwindDoc.vue index 850e1aa28..a27496423 100644 --- a/doc/galleria/theming/TailwindDoc.vue +++ b/doc/galleria/theming/TailwindDoc.vue @@ -96,6 +96,12 @@ export default { }, caption: { class: ['absolute bottom-0 left-0 w-full', 'bg-black/50 text-white p-4'] + }, + transition: { + enterFromClass: 'opacity-0 scale-75', + enterActiveClass: 'transition-all duration-150 ease-in-out', + leaveActiveClass: 'transition-all duration-150 ease-in', + leaveToClass: 'opacity-0 scale-75' } } } diff --git a/doc/image/theming/TailwindDoc.vue b/doc/image/theming/TailwindDoc.vue index f42fd352d..958c09c8a 100644 --- a/doc/image/theming/TailwindDoc.vue +++ b/doc/image/theming/TailwindDoc.vue @@ -76,7 +76,13 @@ export default { 'focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)]' ] }, - closeicon: 'w-6 h-6' + closeicon: 'w-6 h-6', + transition: { + enterFromClass: 'opacity-0 scale-75', + enterActiveClass: 'transition-all duration-150 ease-in-out', + leaveActiveClass: 'transition-all duration-150 ease-in', + leaveToClass: 'opacity-0 scale-75' + } } } ` diff --git a/doc/scrolltop/theming/TailwindDoc.vue b/doc/scrolltop/theming/TailwindDoc.vue index 182c62ffe..acce0a58f 100644 --- a/doc/scrolltop/theming/TailwindDoc.vue +++ b/doc/scrolltop/theming/TailwindDoc.vue @@ -27,7 +27,13 @@ export default { '!bg-gray-700 hover:bg-gray-800 h-12 w-12 rounded-full text-white': props.target !== 'parent' } ] - }) + }), + transition: { + enterFromClass: 'opacity-0', + enterActiveClass: 'transition-opacity duration-150', + leaveActiveClass: 'transition-opacity duration-150', + leaveToClass: 'opacity-0' + } } } `