From 18cfda3ee206a10a8dfa5912704c3c452bbec6d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20Gonz=C3=A1lez?= <me@alegon.dev>
Date: Sat, 15 Jul 2023 16:56:28 +0200
Subject: [PATCH] fix: bring back dialog content padding

Tailwind 3.3.3 introduced a change by which the default user agent
dialog element padding is reset to none: https://github.com/tailwindlabs/tailwindcss/pull/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.
---
 src/components/Dialog.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Dialog.astro b/src/components/Dialog.astro
index 332b576..d524bb0 100644
--- 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] {