fix: top collection mobile chain dropdown

[hassnian]

PR Type

• Bugfix
• Feature
• Refactoring

Needs Design check

• @exezbcz please review

Context

• Closes Dropdown = dropdown on mobile #9092

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

• Fill up your DOT address: Payout

Screenshot 📸

• My fix has changed something on UI;

mobile

desktop

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	f76f5fa
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/65ade22d72fae5000878dfc5
😎 Deploy Preview	https://deploy-preview-9098--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]

WARNING @hassnian PR for issue #9092 which isn't assigned to you. Please be warned that this PR may get rejected if there's another assignee for issue #9092

[reviewpad]

AI-Generated Summary: This pull request includes changes in two Vue.js components: ChainDropdown.vue and TopCollections.vue. The main modification involves fixing the dropdown behavior in mobile views. In ChainDropdown.vue, the mobileModal prop has been removed and the position prop's possible values have been extended to include 'bottom-right'. Correspondingly, in TopCollections.vue, the position values of the ChainDropdown are dynamically set based on whether the device is mobile or not. This dynamic behavior is achieved by using the isMobile condition derived from useViewport(). Lastly, the mobile-modal property has been dropped from ChainDropdown in TopCollections.vue.

[codeclimate]

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

View more on Code Climate.

[sonarcloud]

Quality Gate passed

Kudos, no new issues were introduced!

0 New issues
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud

[yangwao]

thanks!
pay 20 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $20 @ 6.66 USD/DOT ~ 3.003 $DOT
🧗 16faLfsywwNATaEfbH2ah75dn6ZmctQWpMS5G4KFhbmj5hnD
🔗 0x5ac131652f547603b6326c0e963afad64bbcda8fd7c72db4892ab493a07bdd3e

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