fixed integration-styling

Signed-off-by: Aviral Asthana <[email protected]>
layer5io · Sep 20, 2024 · 68f6279 · 68f6279
1 parent 63f0608
commit 68f6279
Showing 1 changed file with 13 additions and 41 deletions.
diff --git 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);
     }
-  }
-`;
+   
+`;