Skip to content

fix NFT page layout to prevent image size change#4484

Merged
Nebyt merged 6 commits intodevelopfrom
fix/YW-332/nft-detail-layout
Jan 13, 2026
Merged

fix NFT page layout to prevent image size change#4484
Nebyt merged 6 commits intodevelopfrom
fix/YW-332/nft-detail-layout

Conversation

@yushih
Copy link
Collaborator

@yushih yushih commented Jan 8, 2026

Task: https://emurgo.atlassian.net/browse/YW-332


Note

Improves NFT image rendering to prevent layout shifts and maintain consistent sizing.

  • Extends NftImage with fillBox (controls objectFit: cover|contain) and contentWidth; passes width/height to fallback SvgWrapper
  • Updates NftCard to use fillBox=true so thumbnails fill their containers
  • Refactors NftDetails image area: fixed container (max 550px, 550px height), centered content, and Grid aligned to flex-start for stable layout
  • Minor structural tweaks (wrap root in Box) and size props passed to NftImage for modal/details views

Written by Cursor Bugbot for commit d8f8045. This will update automatically on new commits. Configure here.

@yushih yushih requested a review from Nebyt January 8, 2026 08:37
loxator
loxator previously approved these changes Jan 12, 2026
@Nebyt Nebyt added this to the 5.21.0 milestone Jan 12, 2026
@Nebyt Nebyt requested a review from loxator January 12, 2026 11:44
@Nebyt Nebyt merged commit 61cd91b into develop Jan 13, 2026
18 of 20 checks passed
@Nebyt Nebyt deleted the fix/YW-332/nft-detail-layout branch January 13, 2026 10:27
@zuzunker zuzunker mentioned this pull request Jan 22, 2026
9 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants