Fix interactive page layout
Remove global header/footer and add share section to the interactive page.
This commit is contained in:
parent
55b50ddfdd
commit
8d84ac0476
2 changed files with 20 additions and 10 deletions
|
|
@ -4,6 +4,7 @@ import { Button } from '@/components/ui/button';
|
|||
import { Badge } from '@/components/ui/badge';
|
||||
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
|
||||
import { RotateCcw, Undo2 } from 'lucide-react';
|
||||
import SocialShare from '@/components/SocialShare';
|
||||
|
||||
interface Edge {
|
||||
from: number;
|
||||
|
|
@ -265,6 +266,15 @@ const GameOfSim = () => {
|
|||
Avoid creating a triangle of your own color!
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Social Share */}
|
||||
<div className="flex justify-center">
|
||||
<SocialShare
|
||||
title="Game of Sim"
|
||||
description="Play the strategic Game of Sim! Take turns coloring edges between vertices while avoiding creating triangles of your own color."
|
||||
url={`${window.location.origin}/themes/games`}
|
||||
/>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue