Fix interactive page layout

Remove global header/footer and add share section to the interactive page.
This commit is contained in:
gpt-engineer-app[bot] 2025-07-20 02:37:37 +00:00
parent 55b50ddfdd
commit 8d84ac0476
2 changed files with 20 additions and 10 deletions

View file

@ -36,16 +36,16 @@ const GamesGallery = () => {
if (selectedGame) {
const GameComponent = selectedGame.component;
return (
<div className="space-y-6">
<div className="flex items-center gap-4">
<button
onClick={() => setSelectedGame(null)}
className="text-primary hover:text-primary/80 font-medium"
>
Back to Educational Games
</button>
</div>
<div className="bg-background border rounded-lg p-6">
<div className="min-h-screen bg-background">
<div className="container mx-auto px-4 py-8 space-y-6">
<div className="flex items-center gap-4">
<button
onClick={() => setSelectedGame(null)}
className="text-primary hover:text-primary/80 font-medium"
>
Back to Educational Games
</button>
</div>
<GameComponent />
</div>
</div>