fix: dropdown overlay legend

[daiagi]

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 overlapping display at chart on mobile #6037
• 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 d65a8e1

This pull request enhances the PriceChart component by improving its responsiveness on smaller screens and adding a legend option for point styles. These changes improve the user experience and the visual consistency of the chart.

🤖 Generated by Copilot at d65a8e1

We are the masters of the chart
We shape the legend with our art
We make the data fit the screen
We are the rebels of the PriceChart

[kodabot]

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

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	f3d78a9
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/646a1fc212d8dd00088a7753
😎 Deploy Preview	https://deploy-preview-6057--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.

[reviewpad]

AI-Generated Summary: This pull request includes updates to the PriceChart.vue and _price-chart.scss files. It adds a new legend configuration with usePointStyle: true in the chart options and modifies the dropdown overlay's appearance by adjusting the positioning and adding responsive style rules. The changes result in 13 new lines of code and 1 line deletion across 2 files.

[codeclimate]

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

View more on Code Climate.

[yangwao]

pay 30 usd

[daiagi]

Payout didn't work @yangwao
Note payment address is DOT

[yangwao]

pay 50 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $50 @ 5.02 USD/DOT ~ 9.96 $DOT
🧗 1cAsKZYNRb8dkSCpn4eVkEn6ycNZTGoDo5dGDgB8J1UUWK8
🔗 0xe8a005879fea0b2dca9015aa920c6c7c9ec8bca2df406c51252f3ced3f26f86a

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