NeoModalHead 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 7232e9f

Refactored NeoModalHead component to use Tailwind CSS instead of Bulma and SCSS. Added custom padding classes to tailwind.config.js.

🤖[deprecated] Generated by Copilot at 7232e9f

We're breaking free from the chains of Bulma
We're styling with the power of Tailwind
We're padding our way to the modal doom
We're refactoring the code with no fear

[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	68bad26
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/657b3083c3e63e00086506f3
😎 Deploy Preview	https://deploy-preview-8516--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 the transition of NeoModalHead styling from SCSS to Tailwind CSS. It involves the removal of NeoModalHead.scss file, as well as modifications to .vue file. The old SCSS specific styles are replaced with Tailwind classes. In addition to this, padding shortcuts have been added in the tailwind.config.js file to accommodate for the replaced styles. This contributes to reducing the total amount of code, as 47 deletions are made compared to 16 insertions.

[prury]

@shashkovdanil test is looking for data-testid="shopping-cart-modal" inside a <NeoModalHead> tag inside shoppingcartmodal.vue file

when i inspect the page, it seems that the dom does not generate this attribute

i'm investigating, if you have any clues let me know

[shashkovdanil]

Ye ye I'll fix test

[codeclimate]

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

View more on Code Climate.

[sonarqubecloud]

Quality Gate passed

The SonarCloud Quality Gate passed, but some issues were introduced.

1 New issue
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud