Tooltip text size increased

Signed-off-by: Ankush Bhardwaj <ankushbhardwaj408@gmail.com>
layer5io · Oct 7, 2023 · fb62435 · fb62435
1 parent 3abd982
commit fb62435
Showing 1 changed file with 25 additions and 6 deletions.
diff --git a/src/sections/Community/Member-single/memberSingle.style.js b/src/sections/Community/Member-single/memberSingle.style.js
@@ -140,7 +140,7 @@ export const MemberSingleWrapper = styled.div`
     }
     .tooltip-text {
       visibility: hidden;
-      font-size: 10px;
+      font-size: 14px;
       background-color: #333;
       color: #fff;
       text-align: center;
@@ -157,17 +157,36 @@ export const MemberSingleWrapper = styled.div`
       opacity: 0;
       transition: opacity 0.3s; /* Add a smooth fade-in effect */
     }
+    .mashmap{
+        width:90px;
+    }
+    .community{
+        left:30%;
+        width:100px;
+    }
     .docker-extension {
-      left: 28%;
-      width: 110px;
+      left: -18%;
+      width: 150px;
     }
     .meshery-catalog {
-      left: 28%;
-      width: 110px;
+      left: -18%;
+      width: 150px;
     }
     .meshery-operator {
+      left: -18%;
+      width: 150px;
+    }
+    .image-hub {
+      left: 33%;
+      width: 100px;
+    }
+    .landscape {
+      left: 33%;
+      width: 100px;
+    }
+    .nighthawk {
       left: 28%;
-      width: 110px;
+      width: 100px;
     }
     .tooltip:hover .tooltip-text {
       visibility: visible;