opensource/coder
3
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2026-09-22 05:05:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: prevent new workspace page from scrolling past the bottom of the screen (#19705)

Browse Source 
Fixes the overflow on the page and also improves the scroll behavior of
the form

Closes #19690 


https://github.com/user-attachments/assets/00397698-ef34-4146-9589-9218c08510fe
This commit is contained in:
Brett Kolodny
2025-09-04 17:24:05 -04:00
committed by GitHub
parent 0ec9df390b
commit a78d65c8b9
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/pages/CreateWorkspacePage/CreateWorkspacePageViewExperimental.tsx
+4 -4
View File
@@ -340,7 +340,7 @@ export const CreateWorkspacePageViewExperimental: FC<
});
return (
<>
<div className="flex flex-col flex-1 min-h-0 pb-12">
<div className="sticky top-5 ml-10">
<button
onClick={onCancel}
@@ -351,7 +351,7 @@ export const CreateWorkspacePageViewExperimental: FC<
Go back
</button>
</div>
<div className="flex flex-col gap-6 max-w-screen-md mx-auto">
<div className="flex flex-col flex-1 min-h-0 gap-6 max-w-screen-md mx-auto">
<header className="flex flex-col items-start gap-3 mt-10">
<div className="flex items-center gap-2 justify-between w-full">
<span className="flex items-center gap-2">
@@ -412,7 +412,7 @@ export const CreateWorkspacePageViewExperimental: FC<
<form
onSubmit={form.handleSubmit}
aria-label="Create workspace form"
className="flex flex-col gap-10 w-full border border-border-default border-solid rounded-lg p-6"
className="relative flex flex-col flex-1 min-h-0 overflow-y-auto gap-10 w-full border border-border-default border-solid rounded-lg p-6"
>
{Boolean(error) && <ErrorAlert error={error} />}
@@ -683,6 +683,6 @@ export const CreateWorkspacePageViewExperimental: FC<
</div>
</form>
</div>
</>
</div>
);
};