Skip to content

Commit

Permalink
Merge pull request #435 from reservoirprotocol/armando/grwth-3702-mis…
Browse files Browse the repository at this point in the history
…sing-image-for-the-feature-section

feat: force dimensions on fallback image
  • Loading branch information
r3lays authored Dec 14, 2023
2 parents d53c382 + 84d3dd6 commit d107997
Showing 1 changed file with 16 additions and 9 deletions.
25 changes: 16 additions & 9 deletions components/home/FeaturedCards.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -83,24 +83,31 @@ export const FeaturedCards: React.FC<FeaturedCardsProps> = ({
position: 'relative',
}}
>
<Img
src={bannerImage as string}
alt={collection.name as string}
height={150}
width={300}
style={{
objectFit: 'cover',
<Flex
css={{
height: '150px',
width: '300px',
borderRadius: 8,
}}
/>
>
<Img
src={bannerImage as string}
alt={collection.name as string}
height={150}
width={300}
style={{
objectFit: 'cover',
borderRadius: 8,
}}
/>
</Flex>
<Img
src={collectionImage as string}
alt={collection.name as string}
height={50}
width={50}
css={{
height: '50px',
width: '50px',
position: 'absolute',
inset: '95px 0px 5px 5px',
border: '2px solid white',
Expand Down

1 comment on commit d107997

@vercel
Copy link

@vercel vercel bot commented on d107997 Dec 14, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.