qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2025-02-06 15:17:58 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

⚒️ Clear svgCard.

Browse Source
This commit is contained in:
pheralb 2022-07-24 23:40:18 +01:00
parent ed1468a24e
commit 2cd7c66462
1 changed files with 33 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/svgCard.tsx
View File

@ -1,12 +1,20 @@
import React from "react"; import React from "react";
import { SVGCardProps } from "@/interfaces/components"; import { SVGCardProps } from "@/interfaces/components";
import { Box, Center, Image, Text, useColorModeValue } from "@chakra-ui/react"; import {
Box,
Center,
Image,
Text,
useColorModeValue,
useDisclosure,
} from "@chakra-ui/react";
import Tap from "@/animations/tap"; import Tap from "@/animations/tap";
import CustomLink from "@/common/link"; import CustomLink from "@/common/link";
const SVGCard = (props: SVGCardProps) => { const SVGCard = (props: SVGCardProps) => {
const bg = useColorModeValue("bg.light", "bg.dark"); const bg = useColorModeValue("bg.light", "bg.dark");
return ( return (
<>
<Tap> <Tap>
<CustomLink href={`/svg/${props.id}`}> <CustomLink href={`/svg/${props.id}`}>
<Box <Box
@ -30,6 +38,7 @@ const SVGCard = (props: SVGCardProps) => {
</Box> </Box>
</CustomLink> </CustomLink>
</Tap> </Tap>
</>
); );
}; };