fix(Card/Drawer/Modal): prevent scrollbars overflow

[Sepush]

🔗 Linked issue

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

The command palette's bottom-right border-radius is obscured by the scrollbar.

before

after

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[pkg-pr-new]

npm i https://pkg.pr.new/@nuxt/ui@4368

commit: a20059d

[benjamincanac]

I think it would be better to set an overflow-hidden on the modal's content, the CommandPalette should not have a rounded class to adapt to its parent.

[Sepush]

I think it would be better to set an overflow-hidden on the modal's content, the CommandPalette should not have a rounded class to adapt to its parent.

Make sense,allready done it.

[benjamincanac]

Thanks @Sepush! 😊

I added it on the Drawer component as well when the inset prop is true.