Fix body height issue in dashboard (#4724)

MananTank · MananTank · commit fb92f873cda2 · 2024-09-20T14:15:20.000Z
Fixes body not expanding to content size: ![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/yNOf1svJ8o3zjO7zQouZ/de2d88d4-db8c-4325-9135-8fc3d400a75b.png)
diff --git a/apps/dashboard/src/@/styles/globals.css b/apps/dashboard/src/@/styles/globals.css
@@ -140,7 +140,10 @@
   }
 }
 
-body,
 html {
   height: 100%;
 }
+
+body {
+  min-height: 100%;
+}
diff --git a/apps/dashboard/src/app/team/[team_slug]/layout.tsx b/apps/dashboard/src/app/team/[team_slug]/layout.tsx
@@ -6,7 +6,7 @@ export default function RootTeamLayout(props: {
   params: { team_slug: string };
 }) {
   return (
-    <div className="min-h-full flex flex-col bg-background">
+    <div className="min-h-screen flex flex-col">
       <div className="grow flex flex-col">{props.children}</div>
       <TWAutoConnect />
       <AppFooter />

Original file line number	Diff line number	Diff line change
`@@ -140,7 +140,10 @@`
`140`	`140`	`}`
`141`	`141`	`}`
`142`	`142`
`143`		`-body,`
`144`	`143`	`html {`
`145`	`144`	`height: 100%;`
`146`	`145`	`}`
	`146`	`+`
	`147`	`+body {`
	`148`	`+ min-height: 100%;`
	`149`	`+}`