fix!: LInk hover

2024-09-20 11:16:19 +08:00 · 2022-07-24 00:45:01 -04:00 · 2022-07-24 00:45:01 -04:00 · 0b7ea6015b
commit 0b7ea6015b
parent e97e859f33
1 changed files with 14 additions and 3 deletions
--- a/src/layout/header/categories.tsx
+++ b/src/layout/header/categories.tsx
@ -15,9 +15,20 @@ const Categories = () => {
  return (
    <>
      {data.map((category: string) => (
-        <Box key={category} p="4" borderRadius="5px" borderWidth="1px">
-          <CustomLink href={`/category/${category}`}>{category}</CustomLink>
+        <CustomLink 
+          key={category}
+          href={`/category/${category}`}>
+          <Box
+            p={4}
+            borderRadius="4px"
+            borderWidth="1px"
+            _hover={{
+              border:"1px solid rgb(0,0,0, .1)",
+              transform: "scale(0.98)",
+            }}>
+          {category}
          </Box>
+        </CustomLink>
      ))}
    </>
  );