authorgravatar for 97427849+flamboh@users.noreply.github.comoliver <97427849+flamboh@users.noreply.github.com> 2026-10-10 00:21:14-07:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-10-10 02:21:14-05:00
log500cb4266f2bb290aba2c2038295500ff7b25188
treef7e862c158bd2fbabf990b7f056617b03059c20a
parent65d33177b777e014c56f01851bef446785b3aa28
signature Signed by PGP key B5690EEEBB952194

fix(web): add provider wizard no longer shifts sideways while it grows (#17292)

1 files changed, 5 insertions(+), 8 deletions(-)

apps/web/src/components/ui/wizard.tsx+5-8
...@@ -4,6 +4,7 @@ import type { ComponentProps, ReactNode } from "react";...@@ -4,6 +4,7 @@ import type { ComponentProps, ReactNode } from "react";
4import { cn } from "../../lib/utils";4import { cn } from "../../lib/utils";
5import { AnimatedHeight } from "../AnimatedHeight";5import { AnimatedHeight } from "../AnimatedHeight";
6import { DialogPopup, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from "./dialog";6import { DialogPopup, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from "./dialog";
7import { ScrollArea } from "./scroll-area";
78
8/** Compose a wizard from its header, panel, and footer; flow logic stays with the caller. */9/** Compose a wizard from its header, panel, and footer; flow logic stays with the caller. */
9export function WizardPopup({10export function WizardPopup({
...@@ -14,14 +15,10 @@ export function WizardPopup({...@@ -14,14 +15,10 @@ export function WizardPopup({
14 readonly size?: "default" | "wide";15 readonly size?: "default" | "wide";
15}) {16}) {
16 return (17 return (
17 <DialogPopup18 <DialogPopup {...props} className={size === "wide" ? "max-w-3xl" : "max-w-xl"}>
18 {...props}19 <ScrollArea className="*:data-[slot=scroll-area-scrollbar]:data-[orientation=vertical]:my-4">
19 className={cn(20 <div className="flex min-h-0 flex-col">{children}</div>
20 "overflow-x-hidden overflow-y-auto",21 </ScrollArea>
21 size === "wide" ? "max-w-3xl" : "max-w-xl",
22 )}
23 >
24 <div className="flex min-h-0 flex-col">{children}</div>
25 </DialogPopup>22 </DialogPopup>
26 );23 );
27}24}