Migrated NeoSelect to tailwindcss

[shashkovdanil]

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 Migration UI kit to tailwindcss #8222
• 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

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

• Fill up your DOT address: Payout

Community participation

• Are you at KodaDot Ecosystem Telegram?

Screenshot 📸

• My fix has changed something on UI; a screenshot is best to understand changes for others.

Copilot Summary

🤖[deprecated] Generated by Copilot at b64b6d2

Refactored NeoSelect component style with Tailwind CSS and oruga-ui theme. Simplified SCSS code and removed unused import in NeoSelect.scss.

🤖[deprecated] Generated by Copilot at b64b6d2

Sing, O Muse, of the skillful coder who refined
The NeoSelect component, a marvel of design,
And with the @apply directive and theme function wrought
A splendid style with Tailwind CSS and oruga-ui, as he thought.

[kodabot]

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

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	37e6349
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/6580274e3eaa7e00087afd06
😎 Deploy Preview	https://deploy-preview-8502--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.

[reviewpad]

AI-Generated Summary: This pull request migrates the NeoSelect component to tailwindcss. It replaces the traditional CSS properties with corresponding tailwindcss utility classes in NeoSelect.scss. Notably, the definitions of the .neo-select.o-ctrl-sel and .o-sel were refactored to use the @apply directive with appropriate tailwind classes. This change simplifies the codebase and adheres to the tailwindcss methodology for styling components.

[roiLeo]

let's try to use select class props when we can (o-sel => selectClass)

lgtm for now

[roiLeo]

already doable with expanded prop

[shashkovdanil]

let's try to use select class props when we can (o-sel => selectClass)

lgtm for now

Could you share some code example, please? I don't know Oruga well yet

[roiLeo]

Could you share some code example, please? I don't know Oruga well yet

see for example NeoTooltip or NeoSkeleton, you can define some wrapper class of component

[codeclimate]

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

View more on Code Climate.

[sonarqubecloud]

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.5 USD/DOT ~ 3.077 $DOT
🧗 16SpvdDgKNiQ3c53DxX7refnQcKUD3uRNim3Z1HBJLNGrtSP
🔗 0x9cfe44f58e51cfe72b795f2a69ad9f83ddf1b4908420e98956fe1d3a90f2c480

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