From 110ee2ac4ac37bd22909ab580b9923fc35e015ba Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@richelsen.net>
Date: Fri, 6 Aug 2021 14:05:14 +0200
Subject: [PATCH] min width 360px for Dialog.tsx

---
 components/Dialog.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Dialog.tsx b/components/Dialog.tsx
index b16416dd..e2698179 100644
--- a/components/Dialog.tsx
+++ b/components/Dialog.tsx
@@ -13,7 +13,7 @@ export function Dialog({ children, ...props }) {
 export const DialogContent = React.forwardRef(({ children, ...props }, forwardedRef) => (
   <DialogPrimitive.Content
     {...props}
-    className="fixed bg-white rounded top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-left overflow-hidden shadow-xl sm:align-middle sm:max-w-lg sm:w-full p-6"
+    className="fixed bg-white min-w-[360px] rounded top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-left overflow-hidden shadow-xl sm:align-middle sm:max-w-lg sm:w-full p-6"
     ref={forwardedRef}>
     {children}
   </DialogPrimitive.Content>