From 90bb470b3aa59cfb45ef85e4790cc53ea78d5cc9 Mon Sep 17 00:00:00 2001
From: Anwarul Islam <anwaarulislaam@gmail.com>
Date: Wed, 17 Jul 2024 22:04:08 +0600
Subject: [PATCH] fix: `<img>` is flex's immediate child therefore it stretch
 to its parent width (#4173)

* fix: img is flex immediate child and renders in full width

* chore: remove unnecesary use of flex
---
 .../src/components/lenses/renderers/ImageLensRenderer.vue     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/hoppscotch-common/src/components/lenses/renderers/ImageLensRenderer.vue b/packages/hoppscotch-common/src/components/lenses/renderers/ImageLensRenderer.vue
index 7eda11c24..c0142549f 100644
--- a/packages/hoppscotch-common/src/components/lenses/renderers/ImageLensRenderer.vue
+++ b/packages/hoppscotch-common/src/components/lenses/renderers/ImageLensRenderer.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-1 flex-col">
+  <div>
     <div
       class="sticky top-lowerSecondaryStickyFold z-10 flex flex-shrink-0 items-center justify-between overflow-x-auto border-b border-dividerLight bg-primary pl-4"
     >
@@ -19,7 +19,7 @@
       </div>
     </div>
     <img
-      class="flex max-w-full border-b border-dividerLight"
+      class="max-w-full"
       :src="imageSource"
       loading="lazy"
       :alt="imageSource"