New design, new icons and license added

2025-12-29 08:01:36 +08:00 · 2022-02-18 17:19:05 +00:00
parent 2aa52b1143
commit 6d2bb21c3c
24 changed files with 1796 additions and 2633 deletions
@@ -5,24 +5,26 @@ import Hover from "animations/hover";

 const Index = ({ title, url, href }) => {
  return (
-    <Hover>
-      <Link href={url} passHref>
-        <Box
-          shadow="sm"
-          _hover={{ shadow: "md", border: "1px", borderColor: "#4bbfb7" }}
-          borderWidth="1px"
-          p={4}
-          cursor="pointer"
-        >
-          <Center>
-            <Image src={href} alt={title} boxSize="60px" />
-          </Center>
-          <Text mt="2" fontWeight="light" textAlign={"center"}>
-            {title}
-          </Text>
-        </Box>
-      </Link>
-    </Hover>
+    <Link href={url} passHref>
+      <Box
+        _hover={{
+          shadow: "md",
+          transform: "translateY(-4px)",
+          transition: "all .3s",
+        }}
+        p={4}
+        cursor="pointer"
+        borderRadius="10px"
+        mb="3"
+      >
+        <Center>
+          <Image src={href} alt={title} boxSize="60px" />
+        </Center>
+        <Text mt="2" fontWeight="light" textAlign={"center"}>
+          {title}
+        </Text>
+      </Box>
+    </Link>
  );
 };