refactor: settings page + ui components

components/collections/graphql/Collection.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div
-      :class="['row-wrapper ease-in-out', { 'bg-primaryDark': dragging }]"
+      :class="[{ 'bg-primaryDark': dragging }]"
       @dragover.prevent
       @drop.prevent="dropEvent"
       @dragover="dragging = true"

components/collections/graphql/Folder.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div
-      :class="['row-wrapper ease-in-out', { 'bg-primaryDark': dragging }]"
+      :class="[{ 'bg-primaryDark': dragging }]"
       @dragover.prevent
       @drop.prevent="dropEvent"
       @dragover="dragging = true"

components/collections/graphql/Request.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div
-      :class="['row-wrapper ease-in-out', { 'bg-primaryDark': dragging }]"
+      :class="[{ 'bg-primaryDark': dragging }]"
       draggable="true"
       @dragstart="dragStart"
       @dragover.stop

components/collections/my/Collection.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div
-      :class="['row-wrapper ease-in-out', { 'bg-primaryDark': dragging }]"
+      :class="[{ 'bg-primaryDark': dragging }]"
       @dragover.prevent
       @drop.prevent="dropEvent"
       @dragover="dragging = true"

components/collections/my/Folder.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div
-      :class="['row-wrapper ease-in-out', { 'bg-primaryDark': dragging }]"
+      :class="[{ 'bg-primaryDark': dragging }]"
       @dragover.prevent
       @drop.prevent="dropEvent"
       @dragover="dragging = true"

components/collections/my/Request.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div
-      :class="['row-wrapper ease-in-out', { 'bg-primaryDark': dragging }]"
+      :class="[{ 'bg-primaryDark': dragging }]"
       draggable="true"
       @dragstart="dragStart"
       @dragover.stop

components/collections/teams/Collection.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="ease-in-out row-wrapper">
+    <div>
       <ButtonSecondary @click.native="toggleShowChildren" />
       <i v-show="!showChildren && !isFiltered" class="material-icons"
         >arrow_right</i

components/collections/teams/Folder.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="ease-in-out row-wrapper">
+    <div>
       <div>
         <ButtonSecondary @click.native="toggleShowChildren" />
         <i v-show="!showChildren && !isFiltered" class="material-icons"

components/collections/teams/Request.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="ease-in-out row-wrapper">
+    <div>
       <div>
         <ButtonSecondary
           v-tippy="{ theme: 'tooltip' }"