Fix blank Home layout by stabilizing top container grid rows (#250)

karmawastakenalready · web-flow · commit b3f8a24e4445 · 2025-12-25T14:03:09.000Z
diff --git a/Comfy/app.scss b/Comfy/app.scss
@@ -63,9 +63,9 @@
 	&:not(:has(.global-nav)) .Root__top-container {
 		padding-top: max(calc(var(--comfy-topbar-height, 40px) / var(--zoom, 1)), 8px) !important;
 	}
-
+	
 	.global-nav .Root__top-container {
-		grid-template-rows: calc(var(--comfy-topbar-height, 64px) / var(--zoom, 1) - 16px) 0px 1fr;
+		grid-template-rows: max(48px, calc(var(--comfy-topbar-height, 64px) / var(--zoom, 1) - 16px)) minmax(0, 1fr) auto;
 	}
 
 	&.spotify__container--is-desktop.spotify__os--is-windows:not(.fullscreen) {
@@ -252,4 +252,4 @@
 			}
 		}
 	}
-}
+}

Original file line number	Diff line number	Diff line change
`@@ -63,9 +63,9 @@`
`63`	`63`	`&:not(:has(.global-nav)) .Root__top-container {`
`64`	`64`	`padding-top: max(calc(var(--comfy-topbar-height, 40px) / var(--zoom, 1)), 8px) !important;`
`65`	`65`	`}`
`66`		`-`
	`66`	`+`
`67`	`67`	`.global-nav .Root__top-container {`
`68`		`- grid-template-rows: calc(var(--comfy-topbar-height, 64px) / var(--zoom, 1) - 16px) 0px 1fr;`
	`68`	`+ grid-template-rows: max(48px, calc(var(--comfy-topbar-height, 64px) / var(--zoom, 1) - 16px)) minmax(0, 1fr) auto;`
`69`	`69`	`}`
`70`	`70`
`71`	`71`	`&.spotify__container--is-desktop.spotify__os--is-windows:not(.fullscreen) {`
`@@ -252,4 +252,4 @@`
`252`	`252`	`}`
`253`	`253`	`}`
`254`	`254`	`}`
`255`		`-}`
	`255`	`+}`