This is an automated email from the ASF dual-hosted git repository.
hsluoyz pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/casbin-gateway.git
The following commit(s) were added to refs/heads/master by this push:
new 1421d44 fix(ui): keep tall dialogs inside a short window
1421d44 is described below
commit 1421d444cdffd58a033c00444459833dec73c781
Author: Yang Luo <[email protected]>
AuthorDate: Mon Sep 7 00:26:30 2026 +0800
fix(ui): keep tall dialogs inside a short window
---
web/src/components/ui/dialog.tsx | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/web/src/components/ui/dialog.tsx b/web/src/components/ui/dialog.tsx
index 6ba775c..c4412c5 100644
--- a/web/src/components/ui/dialog.tsx
+++ b/web/src/components/ui/dialog.tsx
@@ -63,7 +63,7 @@ function DialogContent({
<DialogPrimitive.Content
data-slot="dialog-content"
className={cn(
- "bg-background data-[state=open]:animate-in
data-[state=closed]:animate-out data-[state=closed]:fade-out-0
data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95
data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full
max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg
border p-6 shadow-lg duration-200 sm:max-w-lg",
+ "bg-background data-[state=open]:animate-in
data-[state=closed]:animate-out data-[state=closed]:fade-out-0
data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95
data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 flex w-full
max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] flex-col gap-4
overflow-hidden rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
className,
)}
{...props}
@@ -85,7 +85,7 @@ function DialogContent({
function DialogHeader({className, ...props}: React.ComponentProps<"div">) {
return (
- <div data-slot="dialog-header" className={cn("flex flex-col gap-2
text-center sm:text-left", className)} {...props} />
+ <div data-slot="dialog-header" className={cn("flex shrink-0 flex-col gap-2
text-center sm:text-left", className)} {...props} />
);
}
@@ -93,7 +93,7 @@ function DialogFooter({className, ...props}:
React.ComponentProps<"div">) {
return (
<div
data-slot="dialog-footer"
- className={cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
className)}
+ className={cn("flex shrink-0 flex-col-reverse gap-2 sm:flex-row
sm:justify-end", className)}
{...props}
/>
);
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
