fix: bring back dialog content padding

AlexTMjugador · AlexTMjugador · commit c3c0c0e6bf6e · 2023-07-15T16:56:28.000+02:00
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.
diff --git a/src/components/Dialog.astro b/src/components/Dialog.astro
@@ -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] {

Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@ const { id, ...props } = Astro.props;`
`15`	`15`
`16`	`16`	`<style lang="scss">`
`17`	`17`	`dialog {`
`18`		`- @apply rounded-md bg-amber-50 opacity-0 shadow-2xl transition-opacity duration-1000;`
	`18`	`+ @apply rounded-md p-4 bg-amber-50 opacity-0 shadow-2xl transition-opacity duration-1000;`
`19`	`19`	`}`
`20`	`20`
`21`	`21`	`dialog[open] {`