NeoMessage 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 1bfa3b4

Created and applied custom styles for the NeoMessage component, which is used to display messages in the UI. The styles are based on Bulma's message component, but use Tailwind's utilities and custom colors. The styles also improve the consistency of the message component's appearance.

🤖[deprecated] Generated by Copilot at 1bfa3b4

Oh, we're the crew of the NeoMessage
We style it with @apply and sass
We make it look nice with border and radius
And we pull the code to the main branch at last

[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	c658441
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/65799c82e77b4f000836c2c2
😎 Deploy Preview	https://deploy-preview-8509--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 introduces changes related to NeoMessage and its styling with Tailwind CSS. Multiple modifications have been made to the MessageNotify.vue file, primarily about border styling and radius. Significantly, a new file named NeoMessage.scss is created and added with 192 lines of SCSS classes and utility class application. Thus, the existing styling has been enhanced and customized using Tailwind. Furthermore, the NeoMessage.scss file was imported for use in the NeoMessage.vue component resulting in more efficient and organized CSS management.

[prury]

message background white on dark mode:

[shashkovdanil]

@prury fixed

[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

[codeclimate]

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

View more on Code Climate.