From ef4566eb95dc48cc824396fb2812d5cddd440fa8 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Mon, 8 Mar 2021 04:02:08 +0000
Subject: [PATCH] refactor: show interaction while dragging request in
 collections

---
 components/collections/Collection.vue | 2 +-
 components/collections/Folder.vue     | 2 +-
 components/collections/Request.vue    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/collections/Collection.vue b/components/collections/Collection.vue
index c96bf942c..2d43825f1 100644
--- a/components/collections/Collection.vue
+++ b/components/collections/Collection.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div
-      :class="['row-wrapper', dragging ? 'drop-zone' : '']"
+      :class="['row-wrapper transition duration-150 ease-in-out', { 'bg-bgDarkColor': dragging }]"
       @dragover.prevent
       @drop.prevent="dropEvent"
       @dragover="dragging = true"
diff --git a/components/collections/Folder.vue b/components/collections/Folder.vue
index 5f55c97e0..d256d0343 100644
--- a/components/collections/Folder.vue
+++ b/components/collections/Folder.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div
-      :class="['row-wrapper', dragging ? 'drop-zone' : '']"
+      :class="['row-wrapper transition duration-150 ease-in-out', { 'bg-bgDarkColor': dragging }]"
       @dragover.prevent
       @drop.prevent="dropEvent"
       @dragover="dragging = true"
diff --git a/components/collections/Request.vue b/components/collections/Request.vue
index 727ef6288..b3dd4afec 100644
--- a/components/collections/Request.vue
+++ b/components/collections/Request.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div
-      :class="['row-wrapper', dragging ? 'drag-el' : '']"
+      :class="['row-wrapper transition duration-150 ease-in-out', { 'bg-bgDarkColor': dragging }]"
       draggable="true"
       @dragstart="dragStart"
       @dragover.stop