fix: refine settings dialog layout

This commit is contained in:
2026-07-03 01:03:34 -07:00
parent b5e2aa6df1
commit d2404616bc
6 changed files with 76 additions and 11 deletions

View File

@@ -40,12 +40,13 @@ export function Dialog({
>
<KumoDialog
className={cn(
"teatea-dialog fixed inset-0 z-50 m-auto flex h-fit max-h-[min(calc(100svh-1.5rem),52rem)] w-[min(calc(100vw-1.5rem),48rem)] min-w-0 flex-col overflow-hidden rounded-lg border border-kumo-line bg-kumo-base p-0 shadow-xl outline-none ring-1 ring-kumo-line",
"teatea-dialog fixed inset-0 z-50 m-auto flex h-fit max-h-[min(calc(100svh-1.5rem),52rem)] w-[min(calc(100vw-1.5rem),42rem)] min-w-0 flex-col overflow-hidden rounded-lg border border-kumo-line bg-kumo-base p-0 shadow-xl outline-none ring-1 ring-kumo-line",
"data-ending-style:scale-95 data-ending-style:opacity-0 data-starting-style:scale-95 data-starting-style:opacity-0",
className,
)}
data-kumo-backdrop-classes={kumoBackdropClassNames}
size="xl"
style={{ transform: "none", translate: "0 0" }}
>
<header className="flex shrink-0 items-start justify-between gap-4 border-b border-kumo-line bg-kumo-base p-5">
<div className="min-w-0">