NeoTable and NeoModal 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 735b60e

Refactored NeoModal and NeoTable components to use Tailwind CSS and improved code quality. Fixed a typo in the NeoModal.story.vue title.

🤖[deprecated] Generated by Copilot at 735b60e

Sing, O Muse, of the skillful coder who refines his work
With Tailwind CSS, the swift and powerful framework
That lends its grace to NeoModal, the splendid component
That shows the shining NFTs, the gifts of Hephaestus

[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	735b60e
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/65720246f8aaf90008280c5a
😎 Deploy Preview	https://deploy-preview-8473--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 contains two patches, with both aiming to refactor components in the UI library to use Tailwind CSS.

The first patch focuses on the NeoModal component and its associated files. It mainly removes old SCSS styling and replaces them with equivalent Tailwind CSS utility classes. This covers various CSS properties, including width, height, color, background, shadow, positioning, and z-index.

The second patch is for the NeoTable component. Similar to the first patch, it removes SCSS styles and replaces them with Tailwind CSS utility classes. This includes changes to font sizes, color, background, padding, margin, and borders. Both patches together contribute to increasing the overall consistency of the codebase, reducing the reliance on SCSS, and utilizing the convenience of Tailwind CSS for styling.

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[codeclimate]

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

View more on Code Climate.

[prury]

will check this one on my morning

[yangwao]

Thanks!
pay 30 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $30 @ 6.57 USD/DOT ~ 4.566 $DOT
🧗 16SpvdDgKNiQ3c53DxX7refnQcKUD3uRNim3Z1HBJLNGrtSP
🔗 0x32a6b3356889caa59533f44981ad352dedbcf2ca6412f5a7df8bf88186e5d088

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