Skip to content

Commit 774aca7

Browse files
committed
fix(web): keep the new-session dialog inside its own border box
The dialog shell had a fixed height with no overflow clipping, and its body only scrolled below 640px. On desktop the body overflowed, pushing the actions row and footer outside the shell, so the bottom border drew across the Cancel button.
1 parent 3670f27 commit 774aca7

1 file changed

Lines changed: 3 additions & 1 deletion

File tree

apps/pythinker-web/src/components/NewSessionDialog.vue

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -166,6 +166,7 @@ onUnmounted(() => document.removeEventListener('keydown', handleKeydown));
166166
border: 1px solid var(--line);
167167
border-top: 2px solid var(--blue);
168168
border-radius: 4px;
169+
overflow: hidden;
169170
width: 520px;
170171
max-width: calc(100vw - 32px);
171172
height: 360px;
@@ -210,6 +211,8 @@ onUnmounted(() => document.removeEventListener('keydown', handleKeydown));
210211
flex-direction: column;
211212
gap: 12px;
212213
flex: 1;
214+
overflow-y: auto;
215+
min-height: 0;
213216
}
214217
215218
.form-row {
@@ -349,7 +352,6 @@ onUnmounted(() => document.removeEventListener('keydown', handleKeydown));
349352
max-height: calc(100dvh - 24px);
350353
}
351354
.form-body {
352-
overflow-y: auto;
353355
-webkit-overflow-scrolling: touch;
354356
}
355357
.form-row {

0 commit comments

Comments
 (0)