Make sure the height of the edit query page is 100%

samejr · samejr · commit 166f23e48778 · 2026-02-06T20:00:11.000Z
diff --git a/apps/webapp/app/components/layout/AppLayout.tsx b/apps/webapp/app/components/layout/AppLayout.tsx
@@ -21,7 +21,7 @@ export function MainBody({ children }: { children: React.ReactNode }) {
 
 /** This container should be placed around the content on a page */
 export function PageContainer({ children }: { children: React.ReactNode }) {
-  return <div className="grid grid-rows-[auto_1fr] overflow-hidden">{children}</div>;
+  return <div className="grid h-full grid-rows-[auto_1fr] overflow-hidden">{children}</div>;
 }
 
 export function PageBody({

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ export function MainBody({ children }: { children: React.ReactNode }) {`
`21`	`21`
`22`	`22`	`/** This container should be placed around the content on a page */`
`23`	`23`	`export function PageContainer({ children }: { children: React.ReactNode }) {`
`24`		`- return <div className="grid grid-rows-[auto_1fr] overflow-hidden">{children}</div>;`
	`24`	`+ return <div className="grid h-full grid-rows-[auto_1fr] overflow-hidden">{children}</div>;`
`25`	`25`	`}`
`26`	`26`
`27`	`27`	`export function PageBody({`