NeoTabs 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 185b983

Refactored the NeoTabs component and updated the text color variable to use the new opacity syntax in Tailwind CSS. This improves the code readability and consistency of the UI library.

🤖[deprecated] Generated by Copilot at 185b983

We wanted to make our text fade
So we changed how the text-color was made
We used RGB values
And Tailwind CSS classes
And refactored the NeoTabs with a blade

[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	4913904
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/65771a4a380e53000815e381
😎 Deploy Preview	https://deploy-preview-8523--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 involves a major refactoring of the NeoTabs component's styling approach, transitioning from a traditional SCSS setup to a TailwindCSS utility-based one. The patch alters three files in total, with a major focus on NeoTabs.scss. In the latter, each individual style declaration has been shifted from a traditional SCSS property-value pair syntax to a corresponding TailwindCSS @apply directive. This includes changes in color, margin, border, padding, and other layout related properties. Additionally, the import statement at the top of NeoTabs.scss file has been modified to remove unnecessary dependencies. In the tailwind.scss and tailwind.config.js files, the color values were changed from variable-based colors to an rgb format. Overall, this change simplifies the source code while maintaining its previous appearance and functionality.

[codeclimate]

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

View more on Code Climate.

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication