NeoStickyModal 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 7d24412

Refactored the NeoStickyModal component to use Tailwind CSS and the useWindowSize hook. Simplified the SCSS file and updated the Tailwind CSS config file with custom padding values.

🤖[deprecated] Generated by Copilot at 7d24412

NeoStickyModal
Simplified with Tailwind
No more Bulma, ah!

[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	d997c1b
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/657b3112db72bb0008457003
😎 Deploy Preview	https://deploy-preview-8540--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 several changes to the NeoStickyModal component, including refactoring this component from SCSS to Tailwind CSS. There are substantial reductions in code lines in NeoStickyModal.scss file and NeoStickyModal.vue file. Additionally, there are also modifications in tailwind.config.js file. The changes promote cleaner and more maintainable code structure. The use of Tailwind CSS utility classes helps to achieve the same visual design for the component while simplifying the codebase. It should be noted that an initially existing feature, mobile responsiveness, has been preserved in the refactoring process and a feature to use window size from @vueuse/core has also been added.

[daiagi]

almost identical

it is 10px short compare to canary

[shashkovdanil]

almost identical

it is 10px short compare to canary

It will be fixed after removing bulma

[daiagi]

It will be fixed after removing bulma

how come? please explain

[shashkovdanil]

It will be fixed after removing bulma

how come? please explain

Bulma has helpers for padding and these helpers with !important

[prury]

apart from what daiagi pointed looks good

[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 d997c1b and detected 0 issues on this pull request.

View more on Code Climate.