Fix download button & improvements

2025-12-29 08:01:36 +08:00 · 2022-03-04 13:34:58 +00:00
parent ac2a81563b
commit b67dcc0be9
9 changed files with 80 additions and 59 deletions
@@ -1,30 +1,32 @@
 import React from "react";
 import Link from "next/link";
 import { Box, Text, Icon, Image, Center } from "@chakra-ui/react";
-import Hover from "animations/hover";
+import Tap from "animations/tap";

 const Index = ({ title, url, href }) => {
  return (
-    <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>
+    <Tap>
+      <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>
+    </Tap>
  );
 };