1 files changed, 16 insertions, 25 deletions
diff --git a/app/assets/javascripts/vue_shared/components/diff_viewer/viewers/image_diff/onion_skin_viewer.vue b/app/assets/javascripts/vue_shared/components/diff_viewer/viewers/image_diff/onion_skin_viewer.vue
index cd0c1e850af..f085ef35ccc 100644
--- a/app/assets/javascripts/vue_shared/components/diff_viewer/viewers/image_diff/onion_skin_viewer.vue
+++ b/app/assets/javascripts/vue_shared/components/diff_viewer/viewers/image_diff/onion_skin_viewer.vue
@@ -100,17 +100,19 @@ export default {
   <div class="onion-skin view">
     <div
       :style="{
-        'width': onionMaxPixelWidth,
-        'height': onionMaxPixelHeight,
+        width: onionMaxPixelWidth,
+        height: onionMaxPixelHeight,
         'user-select': dragging === true ? 'none' : '',
       }"
-      class="onion-skin-frame">
+      class="onion-skin-frame"
+    >
       <div
         :style="{
-          'width': onionMaxPixelWidth,
-          'height': onionMaxPixelHeight,
+          width: onionMaxPixelWidth,
+          height: onionMaxPixelHeight,
         }"
-        class="frame deleted">
+        class="frame deleted"
+      >
         <image-viewer
           key="onionOldImg"
           :render-info="false"
@@ -121,36 +123,25 @@ export default {
       <div
         ref="addedFrame"
         :style="{
-          'opacity': onionOpacity,
-          'width': onionMaxPixelWidth,
-          'height': onionMaxPixelHeight,
+          opacity: onionOpacity,
+          width: onionMaxPixelWidth,
+          height: onionMaxPixelHeight,
         }"
-        class="added frame">
+        class="added frame"
+      >
         <image-viewer
           key="onionNewImg"
           :render-info="false"
           :path="newPath"
           @imgLoaded="onionNewImgLoaded"
         >
-          <slot
-            slot="image-overlay"
-            name="image-overlay"
-          >
-          </slot>
+          <slot slot="image-overlay" name="image-overlay"> </slot>
         </image-viewer>
       </div>
       <div class="controls">
         <div class="transparent"></div>
-        <div
-          ref="dragTrack"
-          class="drag-track"
-          @mousedown="startDrag"
-          @mouseup="stopDrag">
-          <div
-            ref="dragger"
-            :style="{ 'left': onionDraggerPixelPos }"
-            class="dragger">
-          </div>
+        <div ref="dragTrack" class="drag-track" @mousedown="startDrag" @mouseup="stopDrag">
+          <div ref="dragger" :style="{ left: onionDraggerPixelPos }" class="dragger"></div>
         </div>
         <div class="opaque"></div>
       </div>