#5726 card changes #5727 button space issue

[prachi00]

Thank you for your contribution to the KodaDot - One Stop Shop for Polkadot NFTs.

👇 __ Let's make a quick check before the contribution.

PR Type

• Bugfix
• Feature
• Refactoring

Context

• Closes Cards small issues  #5726 Button size and alignment matters #5727
• Requires deployment <snek/rubick/worker>

Before submitting pull request, please make sure:

• My contribution builds clean without any errors or warnings
• I've merged recent default branch -- main and I've no conflicts
• I've tried to respect high code quality standards
• I've didn't break any original functionality

Optional

• I've tested it at </ksm/collection>
• I've tested PR on mobile
• I've written unit tests 🧪
• I've found edge cases

Had issue bounty label?

• Fill up your KSM address:
  Payout

Community participation

• Are you at KodaDot Discord?

Screenshot 📸

• My fix has changed something on UI; a screenshot is best to understand changes for others.

Copilot Summary

🤖 Generated by Copilot at 4ca5d3c

This pull request improves the user interface and design of the NeoNftCard component by making the whole card clickable and navigable to the nft details page, and by changing the color of the collection name link to match the theme and contrast better on hover. These changes affect the files NeoNftCard.vue and _collection-card.scss.

🤖 Generated by Copilot at 4ca5d3c

nuxt-link expands
card becomes more clickable
spring breeze of UX

[kodabot]

SUCCESS @prachi00 PR for issue #5726 which is assigned to you. Please wait for review and don't hesitate to grab another issue in the meantime!

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	8312219
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/6451e899facb9700085b9490
😎 Deploy Preview	https://deploy-preview-5733--koda-canary.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[exezbcz]

the nft name should not change with the hover
canary

deploy

[exezbcz]

make the whole card clickable - like the collection card - cursor to pointer in the whole card container

[prachi00]

https://deploy-preview-5733--koda-canary.netlify.app

@exezbcz it is clickable though? this part

[exezbcz]

the nft name should not change with the hover canary deploy

yeah, but the text should not change to its hover color

[prachi00]

the nft name should not change with the hover canary deploy

yeah, but the text should not change to its hover color

done @exezbcz

[prachi00]

can we merge this one now?

[roiLeo]

can we merge this one now?

I still see nuxt-link

[prachi00]

can we merge this one now?

I still see nuxt-link

removed from there as well

[prachi00]

can we merge this?

[codeclimate]

Code Climate has analyzed commit 8312219 and detected 0 issues on this pull request.

View more on Code Climate.

[vikiival]

pay 15 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $15 @ 28.13 USD/KSM ~ 0.533 $KSM
🧗 EzGc4s9PgCPx1YnF3fqzhLzVHpHMTL4LWPScwpDrR8JKgSU
🔗 0x8ccefea8b3e56ff306fd35231730e4173e1566d314adc2747419b5163650bb91

🪅 Let’s grab another issue and get rewarded!
🪄 github.com/kodadot/nft-gallery/issues