Centering a dialog like the primitive example makes the dialog blurred caused by a subpixel rendering #271
-
The Dialog example from here uses the following Tailwind class for centering it This is how it looks: This is how it should look (after removing translate): I know this issue isn't really related to Radix, but I would like to know what I could do to fix this? Does anyone have any suggestions? |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 3 replies
-
You can put the dialog content panel into a flex layout with |
Beta Was this translation helpful? Give feedback.
You'd set
position: fixed
,inset: 0
, anddisplay: flex
on the overlay, and nest the dialog content in the overlay. For a reference, inspect Radix Themes implementation of how the dialog parts are styled:https://www.radix-ui.com/themes/playground#dialog