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) { if (selectedInteractive) {
const InteractiveComponent = selectedInteractive.component; const InteractiveComponent = selectedInteractive.component;
return ( return (
<Layout> <div className="min-h-screen bg-background p-6">
<div className="container mx-auto px-4 py-8"> <div className="max-w-4xl mx-auto space-y-6">
<div className="space-y-6">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<button <button
onClick={() => setSelectedInteractive(null)} onClick={() => setSelectedInteractive(null)}
@ -59,9 +58,7 @@ const Foundations = () => {
Back to Discrete Math Back to Discrete Math
</Link> </Link>
</div> </div>
<div className="bg-background border rounded-lg p-6">
<BinaryNumberGame /> <BinaryNumberGame />
</div>
<button <button
onClick={() => setSelectedInteractive(null)} 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" 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> </button>
</div> </div>
</div> </div>
</Layout>
); );
} }