chore(refactor): modern UI

components/lenses/renderers/HTMLLensRenderer.vue

@@ -61,6 +61,7 @@
           showPrintMargin: false,
           useWorker: false,
         }"
+        styles="rounded-b-lg"
       />
       <iframe
         :class="{ hidden: !previewEnabled }"

components/lenses/renderers/JSONLensRenderer.vue

@@ -52,6 +52,7 @@
           showPrintMargin: false,
           useWorker: false,
         }"
+        styles="rounded-b-lg"
       />
     </div>
   </div>

components/lenses/renderers/RawLensRenderer.vue

@@ -49,6 +49,7 @@
           showPrintMargin: false,
           useWorker: false,
         }"
+        styles="rounded-b-lg"
       />
     </div>
   </div>

components/lenses/renderers/XMLLensRenderer.vue

@@ -49,6 +49,7 @@
           showPrintMargin: false,
           useWorker: false,
         }"
+        styles="rounded-b-lg"
       />
     </div>
   </div>

components/lenses/response-body-renderer.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <tabs>
+    <tabs styles="m-4">
       <tab
         v-for="(lens, index) in validLenses"
         :key="lens.lensName"