Merge pull request #563 from papermark/feat/collection-card

feat: add `card_cover_position` to collection card
NotionX · Oct 3, 2024 · c862db0 · c862db0
2 parents e1f03de + 28f5300
commit c862db0
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/react-notion-x/src/third-party/collection-card.tsx b/packages/react-notion-x/src/third-party/collection-card.tsx
@@ -29,8 +29,9 @@ export const CollectionCard: React.FC<CollectionCardProps> = ({
   } = ctx
   let coverContent = null
 
-  const { page_cover_position = 0.5 } = block.format || {}
+  const { page_cover_position = 0.5, card_cover_position = 0.5 } = block.format || {}
   const coverPosition = (1 - page_cover_position) * 100
+  const cardCoverPosition = (1 - card_cover_position) * 100
 
   if (cover?.type === 'page_content') {
     const contentBlockId = block.content?.find((blockId) => {
@@ -57,7 +58,8 @@ export const CollectionCard: React.FC<CollectionCardProps> = ({
             src={src}
             alt={caption || 'notion image'}
             style={{
-              objectFit: coverAspect
+              objectFit: coverAspect,
+              objectPosition: `center ${cardCoverPosition}%`  
             }}
           />
         )