From 9e4d7df7d0da75f2782acbcb544a25f182c65a4c Mon Sep 17 00:00:00 2001
From: Iagor Moraes <13892132+iagormoraes@users.noreply.github.com>
Date: Thu, 4 Nov 2021 21:55:50 -0300
Subject: [PATCH] fix: 100% HTML preview area size (#1938)

---
 .../hoppscotch-app/components/lenses/ResponseBodyRenderer.vue  | 3 +++
 .../components/lenses/renderers/HTMLLensRenderer.vue           | 3 +--
 packages/hoppscotch-app/pages/index.vue                        | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/hoppscotch-app/components/lenses/ResponseBodyRenderer.vue b/packages/hoppscotch-app/components/lenses/ResponseBodyRenderer.vue
index a6e4f7355..e377f6800 100644
--- a/packages/hoppscotch-app/components/lenses/ResponseBodyRenderer.vue
+++ b/packages/hoppscotch-app/components/lenses/ResponseBodyRenderer.vue
@@ -6,6 +6,7 @@
       :key="`lens-${index}`"
       :label="$t(lens.lensName)"
       :selected="index === 0"
+      class="flex flex-col flex-1"
     >
       <component :is="lens.renderer" :response="response" />
     </SmartTab>
@@ -14,6 +15,7 @@
       id="headers"
       :label="$t('response.headers')"
       :info="`${headerLength}`"
+      class="flex flex-col flex-1"
     >
       <LensesHeadersRenderer :headers="response.headers" />
     </SmartTab>
@@ -26,6 +28,7 @@
           ? true
           : false
       "
+      class="flex flex-col flex-1"
     >
       <HttpTestResult />
     </SmartTab>
diff --git a/packages/hoppscotch-app/components/lenses/renderers/HTMLLensRenderer.vue b/packages/hoppscotch-app/components/lenses/renderers/HTMLLensRenderer.vue
index 87178b1de..85f4d4c61 100644
--- a/packages/hoppscotch-app/components/lenses/renderers/HTMLLensRenderer.vue
+++ b/packages/hoppscotch-app/components/lenses/renderers/HTMLLensRenderer.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="flex flex-col flex-1">
     <div
       class="
         bg-primary
@@ -172,7 +172,6 @@ const togglePreview = () => {
 <style lang="scss" scoped>
 .covers-response {
   @apply bg-white;
-  @apply min-h-64;
   @apply h-full;
   @apply w-full;
   @apply border;
diff --git a/packages/hoppscotch-app/pages/index.vue b/packages/hoppscotch-app/pages/index.vue
index 0fe52aa0a..6cd0fa871 100644
--- a/packages/hoppscotch-app/pages/index.vue
+++ b/packages/hoppscotch-app/pages/index.vue
@@ -52,7 +52,7 @@
             </SmartTab>
           </SmartTabs>
         </Pane>
-        <Pane class="hide-scrollbar !overflow-auto">
+        <Pane class="hide-scrollbar !overflow-auto flex flex-col">
           <HttpResponse ref="response" />
         </Pane>
       </Splitpanes>