Websites/interactives
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove header/footer from interactive.

Browse source 
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
1 changed files with 20 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/pages/theme-pages/discrete-math/Foundations.tsx
View file

@ -41,36 +41,32 @@ 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
onClick={() => setSelectedInteractive(null)}
className="text-primary hover:text-primary/80 font-medium"
>
← Back to Foundations
</button>
<h1 className="text-2xl font-bold text-foreground">{selectedInteractive.title}</h1>
<Link
to="/themes/discrete-math"
className="text-primary hover:text-primary/80 font-medium"
>
Back to Discrete Math →
</Link>
</div>
<div className="bg-background border rounded-lg p-6">
<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="text-primary hover:text-primary/80 font-medium"
> >
← Back to Foundations Gallery ← Back to Foundations
</button> </button>
<h1 className="text-2xl font-bold text-foreground">{selectedInteractive.title}</h1>
<Link
to="/themes/discrete-math"
className="text-primary hover:text-primary/80 font-medium"
>
Back to Discrete Math →
</Link>
</div> </div>
<BinaryNumberGame />
<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"
>
← Back to Foundations Gallery
</button>
</div> </div>
</Layout> </div>
); );
} }