fix(dialog-modal): set full width to content

TylerAPfledderer · TylerAPfledderer · commit d050268e46d1 · 2024-12-28T20:44:10.000-05:00
diff --git a/src/components/ui/dialog-modal.tsx b/src/components/ui/dialog-modal.tsx
@@ -19,7 +19,7 @@ const dialogVariant = tv({
        *
        * Credit: Chakra v2 takes a similar approach for modal
        */
-      "data-[state=open]:animate-contentShow  grid gap-4 rounded-md bg-background p-8 shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] focus:outline-none z-modal",
+      "data-[state=open]:animate-contentShow w-full grid gap-4 rounded-md bg-background p-8 shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] focus:outline-none z-modal",
     overlay:
       "data-[state=open]:animate-overlayShow overflow-y-auto p-4 grid place-items-center fixed inset-0 bg-black/70 z-overlay",
     header: "relative pe-12",

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ const dialogVariant = tv({`
`19`	`19`	`*`
`20`	`20`	`* Credit: Chakra v2 takes a similar approach for modal`
`21`	`21`	`*/`
`22`		`- "data-[state=open]:animate-contentShow grid gap-4 rounded-md bg-background p-8 shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] focus:outline-none z-modal",`
	`22`	`+ "data-[state=open]:animate-contentShow w-full grid gap-4 rounded-md bg-background p-8 shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] focus:outline-none z-modal",`
`23`	`23`	`overlay:`
`24`	`24`	`"data-[state=open]:animate-overlayShow overflow-y-auto p-4 grid place-items-center fixed inset-0 bg-black/70 z-overlay",`
`25`	`25`	`header: "relative pe-12",`