fix(portal): adjust hover style bug (#179)

mycloudnexus · Nov 19, 2024 · 8391627 · 8391627
1 parent a48d9a5
commit 8391627
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/kraken-app/kraken-app-portal/src/pages/APIServerList/components/APIServerCard.tsx b/kraken-app/kraken-app-portal/src/pages/APIServerList/components/APIServerCard.tsx
@@ -86,27 +86,27 @@ const APIServerCard = ({ item, refetchList }: Props) => {
         style={{ borderRadius: 4, width: "100%" }}
         title={
           <Flex justify="space-between" gap={12} align="center">
-            <Flex gap={8}>
+            <Flex gap={8} align="center">
               <Text.NormalLarge>
                 {get(item, "metadata.name", "")}
               </Text.NormalLarge>
-              <div onMouseEnter={trueHover} onMouseLeave={falseHover}>
+              <Flex onMouseEnter={trueHover} onMouseLeave={falseHover}>
                 {isHover && isApiInUse ? (
                   <Button
-                    style={{ padding: "0px" }}
+                    style={{ padding: "5px 0" }}
                     type="link"
                     onClick={() => setOpenMappingDrawer(true)}
                   >
                     Check details
                   </Button>
                 ) : (
-                  <Tag color={isApiInUse ? "blue" : ""} >
+                  <Tag color={isApiInUse ? "blue" : ""}>
                     <Text.LightSmall>
                       {isApiInUse ? "In use" : "Not in use"}
                     </Text.LightSmall>
                   </Tag>
                 )}
-              </div>
+              </Flex>
             </Flex>
             <Flex>
               <Button type="link" onClick={handleEdit}>