crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-16 14:36:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix height on image card contente component

Browse Source
This commit is contained in:
Daniele Pancottini 2023-02-21 10:36:51 +01:00
parent 4be082fedc
commit aaeca5b711
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
site/components/common/Room/ResourceCardContent/ImageCardContent.tsx
View File

@ -12,18 +12,22 @@ export default function ImageCardContent(props: {
<Box <Box
className={props.style.imageContainer} className={props.style.imageContainer}
w={'full'} w={'full'}
height={'220px'}
> >
<Image
<Image cursor={'pointer'} onClick={() => openFullScreen('resource-image')} id='resource-image' alt='Resource Image Not Found' src={props.resourcePath} /> objectFit={"cover"}
margin={"auto"}
cursor={'pointer'}
onClick={() => openFullScreen('resource-image')}
id='resource-image'
alt=''
src={props.resourcePath} />
</Box> </Box>
<Box <Box
p={5} p={5}
className={props.style.captionContainer}> className={props.style.captionContainer}>
<Stack mt={6} align={'center'}> <Stack align={'center'}>
<Text padding={0} color={'gray.500'} fontSize={'sm'} align={'center'}> <Text padding={0} color={'gray.500'} fontSize={'sm'} align={'center'}>
{props.resourceCaption} {props.resourceCaption}
</Text> </Text>