fix(ui): improve delete popup spacing on tablets and small screens (calcom#22042)

manthansubhash01 · kart1ka · web-flow · commit 0825cce82c41 · 2025-07-03T16:19:19.000Z
Co-authored-by: Kartik Saini &lt;41051387+kart1ka@users.noreply.github.com&gt;
diff --git a/packages/ui/components/dialog/Dialog.tsx b/packages/ui/components/dialog/Dialog.tsx
@@ -14,7 +14,7 @@ import type { IconName } from "../icon";
 import { Icon } from "../icon";
 
 const dialogClasses = cva(
-  "fadeIn bg-default scroll-bar fixed left-1/2 top-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 rounded-2xl text-left shadow-xl focus-visible:outline-none sm:align-middle",
+  "fadeIn bg-default scroll-bar fixed left-1/2 top-1/2 z-50 w-[95vw] m-auto -translate-x-1/2 -translate-y-1/2 rounded-2xl text-left shadow-xl focus-visible:outline-none sm:align-middle",
   {
     variants: {
       size: {

Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@ import type { IconName } from "../icon";`
`14`	`14`	`import { Icon } from "../icon";`
`15`	`15`
`16`	`16`	`const dialogClasses = cva(`
`17`		`- "fadeIn bg-default scroll-bar fixed left-1/2 top-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 rounded-2xl text-left shadow-xl focus-visible:outline-none sm:align-middle",`
	`17`	`+ "fadeIn bg-default scroll-bar fixed left-1/2 top-1/2 z-50 w-[95vw] m-auto -translate-x-1/2 -translate-y-1/2 rounded-2xl text-left shadow-xl focus-visible:outline-none sm:align-middle",`
`18`	`18`	`{`
`19`	`19`	`variants: {`
`20`	`20`	`size: {`