feat: dynamic grid on new collection

[preschian]

Thank you for your contribution to the KodaDot NFT gallery.

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

PR Type

• Bugfix
• Feature
• Refactoring

Context

• Related redesign: dynamic change grid card size #4444

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
• I've posted a screenshot of demonstrated change in this PR

Optional

• I've tested it at </bsx/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.

Screen.Recording.2023-02-28.at.17.06.43.mov

[netlify]

✅ Deploy Preview for koda-nuxt ready!

Name	Link
🔨 Latest commit	93c549b
🔍 Latest deploy log	https://app.netlify.com/sites/koda-nuxt/deploys/63ff0c145a8a530008aab565
😎 Deploy Preview	https://deploy-preview-5135--koda-nuxt.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.

[roiLeo]

I would prefer not to add the size of the layout in query since this is user preference.
store the grid changes in vuex preferences for now

[preschian]

I would prefer not to add the size of the layout in query since this is user preference. store the grid changes in vuex preferences for now

updated, now under vuex preferences

[roiLeo]

Noice!
✅ wfm

[preschian]

on this PR apply a dynamic grid on the new collection page
demo: https://deploy-preview-5135--koda-nuxt.netlify.app/bsx/collection/2551182625?redesign=true

cc @exezbcz @yangwao

[exezbcz]

@preschian And it is also applied to explore as shown in the screen record? Or does this apply only to collection? So far its looking good!

edit: Oki, it makes sense now :D didnt see the another issue

[roiLeo]

🚀

[codeclimate]

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

View more on Code Climate.