We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent 9351b3b commit 00b7c10Copy full SHA for 00b7c10
apps/landing/src/components/showcase/ShowcaseCard.tsx
@@ -6,8 +6,17 @@ interface ShowcaseCardProps {
6
}
7
export function ShowcaseCard({ name, image }: ShowcaseCardProps) {
8
return (
9
- <VStack gap="8px">
10
- <Image aspectRatio="1.77" h="100%" src={image} w="100%" />
+ <VStack cursor="pointer" gap="8px" role="group">
+ <Box h="auto" overflow="hidden" w="100%">
11
+ <Image
12
+ _groupHover={{ transform: 'scale(1.1)' }}
13
+ aspectRatio="1.77"
14
+ h="100%"
15
+ src={image}
16
+ transition="transform 0.3s"
17
+ w="100%"
18
+ />
19
+ </Box>
20
<Flex alignItems="center" gap="12px">
21
<Text
22
color="#000"
0 commit comments