arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 12:14:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
Artea
2025-06-24 23:16:13 +08:00
committed by GitHub
parent edca3bcb74
commit c3adc381c9
9 changed files with 65 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/theme/card.ts
View File

@@ -1,6 +1,6 @@
export default {
slots: {
root: 'rounded-lg',
root: 'rounded-lg overflow-hidden',
header: 'p-4 sm:px-6',
body: 'p-4 sm:p-6',
footer: 'p-4 sm:px-6'

2
src/theme/drawer.ts
View File

@@ -33,7 +33,7 @@ export default (options: Required<ModuleOptions>) => ({
},
inset: {
true: {
content: 'rounded-lg after:hidden'
content: 'rounded-lg after:hidden overflow-hidden'
}
}
},

2
src/theme/modal.ts
View File

@@ -22,7 +22,7 @@ export default {
content: 'inset-0'
},
false: {
content: 'top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[calc(100vw-2rem)] max-w-lg max-h-[calc(100dvh-2rem)] sm:max-h-[calc(100dvh-4rem)] rounded-lg shadow-lg ring ring-default'
content: 'top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[calc(100vw-2rem)] max-w-lg max-h-[calc(100dvh-2rem)] sm:max-h-[calc(100dvh-4rem)] rounded-lg shadow-lg ring ring-default overflow-hidden'
}
}
}