fix: Inner box in loading modal

[hassnian]

PR Type

• Bugfix
• Feature
• Refactoring

Context

• Closes Inner box in loading modal  #9137

Needs Design check

• @exezbcz please review

Did your issue had any of the "$" label on it?

• Fill up your DOT address: Payout

Screenshot 📸

• My fix has changed something on UI;

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	666c166
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/65b4e5c661075f00083a34ed
😎 Deploy Preview	https://deploy-preview-9138--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.

[kodabot]

WARNING @hassnian PR for issue #9137 which isn't assigned to you. Please be warned that this PR may get rejected if there's another assignee for issue #9137

[reviewpad]

AI-Generated Summary: This pull request includes changes to two Vue.js components: SkeletonLoader.vue and ModalBody.vue. The change in SkeletonLoader.vue involved adding an ID to the NeoSkeleton element in the template. In ModalBody.vue, there has been a refactor to the modal skeleton's CSS style rules. Instead of applying the styling rules to the '.skeleton-backdrop' class, the style is now applied to the '#skeleton-backdrop' ID, which can improve the specificity of the selector. There has been a slight code reduction because of the removal of nested style rules. The original behavior regarding the position, dimensions, and maximum height of the modal skeleton is maintained.

[preschian]

lgtm

[sonarcloud]

Quality Gate passed

Kudos, no new issues were introduced!

0 New issues
0 Security Hotspots
No data about Coverage
No data about Duplication

See analysis details on SonarCloud

[codeclimate]

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

View more on Code Climate.

[hassnian]

already fixed by #9002