Remove header/footer from interactive.

Omit the global header and footer when accessing the interactive from the gallery.
This commit is contained in:
gpt-engineer-app[bot] 2025-07-19 14:04:34 +00:00
parent 223bd234aa
commit f8a51c9f21

View file

@ -41,9 +41,8 @@ const Foundations = () => {
if (selectedInteractive) {
const InteractiveComponent = selectedInteractive.component;
return (
<Layout>
<div className="container mx-auto px-4 py-8">
<div className="space-y-6">
<div className="min-h-screen bg-background p-6">
<div className="max-w-4xl mx-auto space-y-6">
<div className="flex items-center justify-between">
<button
onClick={() => setSelectedInteractive(null)}
@ -59,9 +58,7 @@ const Foundations = () => {
Back to Discrete Math
</Link>
</div>
<div className="bg-background border rounded-lg p-6">
<BinaryNumberGame />
</div>
<button
onClick={() => setSelectedInteractive(null)}
className="inline-flex items-center px-4 py-2 bg-secondary text-secondary-foreground rounded-md hover:bg-secondary/80 transition-colors"
@ -70,7 +67,6 @@ const Foundations = () => {
</button>
</div>
</div>
</Layout>
);
}