Fix dialog rounded corners on mobile
The dialog's rounded corners were not displaying correctly on mobile devices, while they were fine on desktop. This commit addresses the issue.
This commit is contained in:
@@ -154,6 +154,20 @@
|
||||
#root {
|
||||
@apply p-0;
|
||||
}
|
||||
|
||||
/* 모바일에서 팝업과 다이얼로그 스타일 보정 */
|
||||
[role="dialog"] {
|
||||
@apply rounded-xl overflow-hidden;
|
||||
}
|
||||
|
||||
/* 다이얼로그 내용에 적용되는 스타일 */
|
||||
.DialogContent,
|
||||
.PopoverContent,
|
||||
.AlertDialogContent,
|
||||
.DrawerContent,
|
||||
.SheetContent {
|
||||
@apply rounded-xl overflow-hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user