🔧 collection mobile

[roiLeo]

PR Type

• Refactoring
• css to tailwind

Needs Design check

• @exezbcz please review

Needs QA check

• @kodadot/qa-guild please review

Context

• Same as Profile mobile followup  #10564
• Closes Collection mobile followup  #10572

Screenshot 📸

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	38f0472
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/668e2c3bfe69a90008aab6ce
😎 Deploy Preview	https://deploy-preview-10573--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.

[hassnian]

follow up of #10564 , profile banner skeleton needs to be updated

can you also fix this here?.

thanks

[roiLeo]

[hassnian]

size looks right, but it's a bitt off, it's jumping

[hassnian]

something broke

[hassnian]

[roiLeo]

profile picture scale down, from 144px to 100px, centered vertically in the banner

where does the 40px padding comes from and where it need to be added?

[hassnian]

checked canary and it has the same issues, would appreciate if you could fix them , thanks

profile

desktop

1. image banner padding should be (40px)
2. profile title should be 31px

CleanShot.2024-07-10.at.09.59.40.mp4

mobile

LGTM

[codeclimate]

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

View more on Code Climate.

[roiLeo]

profile

desktop

1. image banner padding should be (40px)
2. profile title should be 31px

thank you for these clarifications, should be good now.
IMO it would be better to customize tailwind fontSize class than have specific size.

[hassnian]

thank you for these clarifications, should be good now.

looking good, thanks!

IMO it would be better to customize tailwind fontSize class than have specific size.

if you want #10611 :)