2 files changed, 10 insertions, 38 deletions
diff --git a/app/assets/javascripts/ide/components/preview/clientside.vue b/app/assets/javascripts/ide/components/preview/clientside.vue
index afc0cfca7d8..c98dda00817 100644
--- a/app/assets/javascripts/ide/components/preview/clientside.vue
+++ b/app/assets/javascripts/ide/components/preview/clientside.vue
@@ -146,9 +146,7 @@ export default {
 <template>
   <div class="preview h-100 w-100 d-flex flex-column">
     <template v-if="showPreview">
-      <navigator
-        :manager="manager"
-      />
+      <navigator :manager="manager" />
       <div id="ide-preview"></div>
     </template>
     <div
@@ -156,15 +154,8 @@ export default {
       v-once
       class="d-flex h-100 flex-column align-items-center justify-content-center svg-content"
     >
-      <img
-        :src="promotionSvgPath"
-        :alt="s__('IDE|Live Preview')"
-        width="130"
-        height="100"
-      />
-      <h3>
-        {{ s__('IDE|Live Preview') }}
-      </h3>
+      <img :src="promotionSvgPath" :alt="s__('IDE|Live Preview')" width="130" height="100" />
+      <h3>{{ s__('IDE|Live Preview') }}</h3>
       <p class="text-center">
         {{ s__('IDE|Preview your web application using Web IDE client-side evaluation.') }}
       </p>
@@ -177,10 +168,6 @@ export default {
         {{ s__('IDE|Get started with Live Preview') }}
       </a>
     </div>
-    <gl-loading-icon
-      v-else
-      :size="2"
-      class="align-self-center mt-auto mb-auto"
-    />
+    <gl-loading-icon v-else :size="2" class="align-self-center mt-auto mb-auto" />
   </div>
 </template>
diff --git a/app/assets/javascripts/ide/components/preview/navigator.vue b/app/assets/javascripts/ide/components/preview/navigator.vue
index cc6fc595b74..bc80e1dba25 100644
--- a/app/assets/javascripts/ide/components/preview/navigator.vue
+++ b/app/assets/javascripts/ide/components/preview/navigator.vue
@@ -91,33 +91,25 @@ export default {
       :aria-label="s__('IDE|Back')"
       :disabled="backButtonDisabled"
       :class="{
-        'disabled-content': backButtonDisabled
+        'disabled-content': backButtonDisabled,
       }"
       type="button"
       class="ide-navigator-btn d-flex align-items-center d-transparent border-0 bg-transparent"
       @click="back"
     >
-      <icon
-        :size="24"
-        name="chevron-left"
-        class="m-auto"
-      />
+      <icon :size="24" name="chevron-left" class="m-auto" />
     </button>
     <button
       :aria-label="s__('IDE|Back')"
       :disabled="forwardButtonDisabled"
       :class="{
-        'disabled-content': forwardButtonDisabled
+        'disabled-content': forwardButtonDisabled,
       }"
       type="button"
       class="ide-navigator-btn d-flex align-items-center d-transparent border-0 bg-transparent"
       @click="forward"
     >
-      <icon
-        :size="24"
-        name="chevron-right"
-        class="m-auto"
-      />
+      <icon :size="24" name="chevron-right" class="m-auto" />
     </button>
     <button
       :aria-label="s__('IDE|Refresh preview')"
@@ -125,11 +117,7 @@ export default {
       class="ide-navigator-btn d-flex align-items-center d-transparent border-0 bg-transparent"
       @click="refresh"
     >
-      <icon
-        :size="18"
-        name="retry"
-        class="m-auto"
-      />
+      <icon :size="18" name="retry" class="m-auto" />
     </button>
     <div class="position-relative w-100 prepend-left-4">
       <input
@@ -138,10 +126,7 @@ export default {
         class="ide-navigator-location form-control bg-white"
         readonly
       />
-      <gl-loading-icon
-        v-if="loading"
-        class="position-absolute ide-preview-loading-icon"
-      />
+      <gl-loading-icon v-if="loading" class="position-absolute ide-preview-loading-icon" />
     </div>
   </header>
 </template>