perf: cleanup

components/lenses/renderers/HTMLLensRenderer.vue

@@ -52,19 +52,13 @@
         />
       </div>
     </div>
-    <div class="relative">
-      <div
-        v-show="!previewEnabled"
-        ref="htmlResponse"
-        class="w-full block"
-      ></div>
-      <iframe
-        v-show="previewEnabled"
-        ref="previewFrame"
-        class="covers-response"
-        src="about:blank"
-      ></iframe>
-    </div>
+    <div v-show="!previewEnabled" ref="htmlResponse"></div>
+    <iframe
+      v-show="previewEnabled"
+      ref="previewFrame"
+      class="covers-response"
+      src="about:blank"
+    ></iframe>
   </div>
 </template>
 

components/lenses/renderers/ImageLensRenderer.vue

@@ -27,12 +27,10 @@
         />
       </div>
     </div>
-    <div class="flex relative">
-      <img
-        class="border-b border-dividerLight flex max-w-full flex-1"
-        :src="imageSource"
-      />
-    </div>
+    <img
+      class="border-b border-dividerLight flex max-w-full flex-1"
+      :src="imageSource"
+    />
   </div>
 </template>
 

components/lenses/renderers/JSONLensRenderer.vue

@@ -43,9 +43,7 @@
         />
       </div>
     </div>
-    <div class="relative">
-      <div ref="jsonResponse" class="w-full block"></div>
-    </div>
+    <div ref="jsonResponse"></div>
   </div>
 </template>
 

components/lenses/renderers/RawLensRenderer.vue

@@ -43,9 +43,7 @@
         />
       </div>
     </div>
-    <div class="relative">
-      <div ref="rawResponse" class="w-full block"></div>
-    </div>
+    <div ref="rawResponse"></div>
   </div>
 </template>
 

components/lenses/renderers/XMLLensRenderer.vue

@@ -43,9 +43,7 @@
         />
       </div>
     </div>
-    <div class="relative">
-      <div ref="xmlResponse" class="w-full block"></div>
-    </div>
+    <div ref="xmlResponse"></div>
   </div>
 </template>