Skip to content

Commit

Permalink
fix: bring back dialog content padding
Browse files Browse the repository at this point in the history
Tailwind 3.3.3 introduced a change by which the default user agent
dialog element padding is reset to none: tailwindlabs/tailwindcss#11069

This caused the dialog to consistently not display as intended accross
browsers. To fix that, let's manually set the padding to the one we
expected.
  • Loading branch information
AlexTMjugador committed Jul 15, 2023
1 parent 4ecf0a9 commit 18cfda3
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion src/components/Dialog.astro
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ const { id, ...props } = Astro.props;

<style lang="scss">
dialog {
@apply rounded-md bg-amber-50 opacity-0 shadow-2xl transition-opacity duration-1000;
@apply rounded-md p-4 bg-amber-50 opacity-0 shadow-2xl transition-opacity duration-1000;
}

dialog[open] {
Expand Down

0 comments on commit 18cfda3

Please sign in to comment.