From b301b2dd7f7783a63f88aaee14a241a67682a5a0 Mon Sep 17 00:00:00 2001
From: ATAKAN TEPE <tepe_atakan@outlook.com>
Date: Mon, 7 Aug 2023 13:42:03 +0300
Subject: [PATCH] update TailwindDocs

---
 doc/galleria/theming/TailwindDoc.vue  | 6 ++++++
 doc/image/theming/TailwindDoc.vue     | 8 +++++++-
 doc/scrolltop/theming/TailwindDoc.vue | 8 +++++++-
 3 files changed, 20 insertions(+), 2 deletions(-)

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'
+        }
     }
 }
 `