gsadmin/headplane
1
0
Fork 0
mirror of https://github.com/tale/headplane.git synced 2026-08-31 01:09:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: constrain dialog panel height and make content scrollable (#556)

Browse Source 
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
This commit is contained in:
Vitalij Dovhanyc
2026-05-30 22:21:17 +02:00
committed by GitHub
parent 7221f1c2c3
commit 2e38a1d5e3
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/dialog.tsx
+5 -3
View File
@@ -58,7 +58,8 @@ function Panel(props: DialogPanelProps) {
return ( return (
<AlertDialog.Popup <AlertDialog.Popup
className={cn( className={cn(
"w-full max-w-lg rounded-xl p-4", "flex w-full max-w-lg flex-col rounded-xl p-4",
"max-h-[90dvh]",
"outline-hidden", "outline-hidden",
"bg-white dark:bg-mist-900", "bg-white dark:bg-mist-900",
"border border-mist-200 dark:border-mist-800", "border border-mist-200 dark:border-mist-800",
@@ -67,6 +68,7 @@ function Panel(props: DialogPanelProps) {
> >
<Form <Form
method={method ?? "POST"} method={method ?? "POST"}
className="flex min-h-0 flex-1 flex-col"
onSubmit={(event) => { onSubmit={(event) => {
if (onSubmit) { if (onSubmit) {
onSubmit(event); onSubmit(event);
@@ -77,8 +79,8 @@ function Panel(props: DialogPanelProps) {
} }
}} }}
> >
<div className="flex flex-col gap-4">{children}</div> <div className="flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto">{children}</div>
<div className="mt-5 flex justify-end gap-3"> <div className="mt-5 flex shrink-0 justify-end gap-3">
{variant === "unactionable" ? ( {variant === "unactionable" ? (
<AlertDialog.Close render={<Button>Close</Button>} /> <AlertDialog.Close render={<Button>Close</Button>} />
) : ( ) : (