fix: Visual things in modals

[hassnian]

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 Visual things in modals  #7654

Did your issue had any of the "$" label on it?

• Fill up your DOT address: Payout

Community participation

• Are you at KodaDot Discord?

Screenshot 📸

• My fix has changed something on UI;

Copilot Summary

🤖 Generated by Copilot at 5fd393a

Improved the styles and consistency of some modal and identity components. Adjusted the padding, alignment, and color of IdentityItem.vue, ConfirmPurchaseModal.vue, and ListingCartModal.vue.

🤖 Generated by Copilot at 5fd393a

To make the modal header look nice
They removed modal-card-head in a trice
And added some classes
For padding and axes
Like is-align-items-center and py-5

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	339bc5f
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/652bc6974bd58e00081e0a1a
😎 Deploy Preview	https://deploy-preview-7660--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 configuration.

[kodabot]

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

[reviewpad]

AI-Generated Summary: This pull request contains three patches which aim to improve the user interface and layout styling. The first patch corrects the padding in the header of the ConfirmPurchaseModal.vue file. The second patch modifies the styles in IdentityItem.vue to include k-shade as a theme and introduces more organized and specific styles. The final patch ensures proper alignment of the title in the list modal of ListingCartModal.vue. Overall, these changes improve accessibility, readability, and general visual appearance of the UI.

[hassnian]

@exezbcz pls visual check

of the top section to k-shade, in dark mode k-hovergrey or k-grey

it's unclear what you mean , i changed the "connected with" label to have these colors

[exezbcz]

@exezbcz pls visual check

of the top section to k-shade, in dark mode k-hovergrey or k-grey

it's unclear what you mean , i changed the "connected with" label to have these colors

I meant the stroke of the section

- its currently black but in the design its black

the text was okay, could you please revert these changes?

[codeclimate]

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

View more on Code Climate.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[hassnian]

@exezbcz 🚀

[exezbcz]

It's a really small detail, but now the x-mark is not aligned on the x-axis.

[yangwao]

pay 30 usd
thanks!
small details later 👋

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $30 @ 3.73 USD/DOT ~ 8.043 $DOT
🧗 13QUj3pZyFNfYj4AM336hRdyLQbevj5H3sR4PKmLEXLdwZhh
🔗 0x96202e309304ba85b8725e27dedcbca6500f5ef7c517e6c57581c39d569b81de

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

[exezbcz]

small details later 👋

its not really small since its the same that was before just on other side..