fix: modal height jankiness

tdgao · tdgao · commit 09b1bb4dad98 · 2026-04-02T10:29:05.000-06:00
diff --git a/packages/ui/src/components/modal/TabbedModal.vue b/packages/ui/src/components/modal/TabbedModal.vue
@@ -121,7 +121,7 @@ defineExpose({ show, hide, selectedTab, setTab })
 
 				<div
 					ref="scrollContainer"
-					class="min-w-[400px] h-[500px] overflow-y-auto px-6"
+					class="min-w-[500px] overflow-y-auto px-6 h-screen max-h-[min(70vh,750px)]"
 					@scroll="checkScrollState"
 				>
 					<Suspense>
diff --git a/packages/ui/src/layouts/shared/server-settings/pages/properties.vue b/packages/ui/src/layouts/shared/server-settings/pages/properties.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="relative h-full w-full select-none">
+	<div class="relative h-screen w-full select-none max-h-[min(70vh,750px)]">
 		<div v-if="propsData" class="flex h-full w-full flex-col justify-between gap-4">
 			<Admonition
 				v-if="hasNoProperties"

Original file line number	Diff line number	Diff line change
`@@ -121,7 +121,7 @@ defineExpose({ show, hide, selectedTab, setTab })`
`121`	`121`
`122`	`122`	`<div`
`123`	`123`	`ref="scrollContainer"`
`124`		`- class="min-w-[400px] h-[500px] overflow-y-auto px-6"`
	`124`	`+ class="min-w-[500px] overflow-y-auto px-6 h-screen max-h-[min(70vh,750px)]"`
`125`	`125`	`@scroll="checkScrollState"`
`126`	`126`	`>`
`127`	`127`	`<Suspense>`