diff --git a/apps/ai-game-creator-shell/src/styles.css b/apps/ai-game-creator-shell/src/styles.css index 1c3c7e00a..3f51d74a4 100644 --- a/apps/ai-game-creator-shell/src/styles.css +++ b/apps/ai-game-creator-shell/src/styles.css @@ -821,11 +821,12 @@ textarea { } .launcher-projects-page { - align-content: start; - grid-template-rows: auto minmax(0, 1fr); + display: flex; + flex-direction: column; gap: 18px; width: calc(100vw - var(--launcher-sidebar-width)); max-width: none; + flex: 1 1 auto; height: 100dvh; min-height: 0; margin: 0; @@ -834,6 +835,8 @@ textarea { } .launcher-main:has(.launcher-projects-page) { + display: flex; + flex-direction: column; height: 100dvh; min-height: 0; padding-bottom: 0; @@ -1005,8 +1008,9 @@ textarea { } .launcher-project-list-shell { - display: grid; - grid-template-rows: 42px minmax(0, 1fr); + display: flex; + flex-direction: column; + flex: 1 1 auto; min-height: 0; overflow: hidden; border: 1px solid var(--platform-surface-border); @@ -1027,6 +1031,7 @@ textarea { .launcher-project-table-header { height: 42px; + flex-shrink: 0; padding: 0 14px; border-bottom: 1px solid var(--platform-surface-border); background: color-mix( @@ -1047,6 +1052,7 @@ textarea { .launcher-project-table { display: grid; align-content: start; + flex: 1 1 auto; min-height: 0; overflow-y: auto; }