diff --git a/apps/ai-game-creator-shell/src/styles.css b/apps/ai-game-creator-shell/src/styles.css index f375a7c05..081206592 100644 --- a/apps/ai-game-creator-shell/src/styles.css +++ b/apps/ai-game-creator-shell/src/styles.css @@ -5324,7 +5324,6 @@ iframe.preview-frame { background: radial-gradient(#eaded8 0.8px, transparent 0.8px) 0 0 / 18px 18px, linear-gradient(145deg, #fffdfa 0%, #fff8f2 100%); - animation: resource-book-main-settle 360ms ease both; } .game-resource-book-main-heading { @@ -5714,21 +5713,8 @@ iframe.preview-frame { } } -@keyframes resource-book-main-settle { - from { - opacity: 0.6; - transform: scale(0.98); - } - to { - opacity: 1; - transform: scale(1); - } -} - @media (prefers-reduced-motion: reduce) { - .game-resource-book-main, - .game-resource-book-transition-preview-card, - .game-resource-book-transition-card { + .game-resource-book-main { animation: none; } } diff --git a/apps/ai-game-creator-shell/src/view/project-development/index.tsx b/apps/ai-game-creator-shell/src/view/project-development/index.tsx index ab85929d9..3b4ccbd04 100644 --- a/apps/ai-game-creator-shell/src/view/project-development/index.tsx +++ b/apps/ai-game-creator-shell/src/view/project-development/index.tsx @@ -1011,10 +1011,14 @@ function ResourceBookScene({ list.push(resource); resourcesByCategory.set(resource.category, list); }); + const overviewReady = visibleCategoryOrder.every((category) => { + const rect = overviewRects.get(category); + return Boolean(rect && rect.width > 0 && rect.height > 0); + }); return (
{visibleCategoryOrder.map((category) => { const rect = overviewRects.get(category);