From 68f6279b76d141fc5b75f4af4633e483d0dd7654 Mon Sep 17 00:00:00 2001
From: Aviral Asthana <aviral.asthana0704@gmail.com>
Date: Fri, 20 Sep 2024 15:11:25 +0530
Subject: [PATCH] fixed integration-styling

Signed-off-by: Aviral Asthana <aviral.asthana0704@gmail.com>
---
 .../Honeycomb/Honeycomb.style.js              | 54 +++++--------------
 1 file changed, 13 insertions(+), 41 deletions(-)

diff --git a/src/sections/Meshery/Meshery-integrations/Honeycomb/Honeycomb.style.js b/src/sections/Meshery/Meshery-integrations/Honeycomb/Honeycomb.style.js
index 6039f2fd9657..7bffb841e2c9 100644
--- a/src/sections/Meshery/Meshery-integrations/Honeycomb/Honeycomb.style.js
+++ b/src/sections/Meshery/Meshery-integrations/Honeycomb/Honeycomb.style.js
@@ -6,19 +6,8 @@ export const HoneycombGrid = styled.div`
   ul {
     font-size: 0;
     line-height: 0;
-    height: ${(props) =>
-  props.height === 0 ? "unset" : `calc(${props.height}px + 46px)`};
-    li {
-      width: 150px;
-      margin: 3px;
-      height: calc(150px * 1.1547);
-      display: inline-block;
-      font-size: initial;
-      margin-bottom: calc(3px - 150px * 0.2885);
-      filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 4px 20px);
-    }
-
-    ::before {
+    height: ${(props) => props.$height === 0 ? "unset" : `calc(${props.$height}px + 46px)`};
+    &:before {
       content: "";
       width: calc(150px / 2 + 3px);
       float: left;
@@ -29,32 +18,15 @@ export const HoneycombGrid = styled.div`
       );
     }
   }
-
-  /* Media query for screens with maximum width of 320px */
-  @media (max-width: 335px) {
-    ul {
-      height: ${(props) =>
-    props.height === 0 ? "unset" : `calc(${props.heightforSmall}px)`};
-      li {
-        width: 100px; 
-        margin-top: 0px;
-        margin-right: 1px;
-        height: calc(100px * 1.1547);
-        margin-bottom: calc(3px - 100px * 0.2885);
-        filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 4px 20px);
-      }
-
-      ::before {
-        content: "";
-        width: calc(100px / 2 + 3px);
-        float: left;
-        height: 100%;
-        shape-outside: repeating-linear-gradient(
-          #0000 0 calc(sqrt(3) * 100px - 3px),
-          #000 0 calc(sqrt(3) * 100px)
-        );        
-      }
-      
+    
+  li {
+      width: 150px;
+      margin: 3px;
+      height: calc(150px * 1.1547);
+      display: inline-block;
+      font-size: initial;
+      margin-bottom: calc(3px - 150px * 0.2885);
+      filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 4px 20px);
     }
-  }
-`;
+   
+`;
\ No newline at end of file