diff --git a/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss b/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss index b51cbe07d..35d3ed46a 100644 --- a/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss +++ b/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss @@ -31,6 +31,7 @@ .modal-image { @apply max-h-[76vh] max-w-[76vw]; + transition: transform 0.3s ease-in-out; } .modal-video { diff --git a/app/javascript/dashboard/components/widgets/conversation/components/GalleryView.vue b/app/javascript/dashboard/components/widgets/conversation/components/GalleryView.vue index 2b324527e..477962745 100644 --- a/app/javascript/dashboard/components/widgets/conversation/components/GalleryView.vue +++ b/app/javascript/dashboard/components/widgets/conversation/components/GalleryView.vue @@ -47,6 +47,22 @@ class="items-center flex gap-2 justify-end min-w-[8rem] sm:min-w-[15rem]" @click.stop > + +