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

Visual edit in Lovable

Browse source 
Edited UI in Lovable
This commit is contained in:
gpt-engineer-app[bot] 2025-07-19 14:01:00 +00:00
parent fb312235f3
commit 9832301750
1 changed files with 8 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/pages/BinaryNumberGameGreenScreen.tsx
View file

@ -1,19 +1,18 @@
import { useParams } from 'react-router-dom'; import { useParams } from 'react-router-dom';
import BinaryNumberGame from '@/components/BinaryNumberGame'; import BinaryNumberGame from '@/components/BinaryNumberGame';
import GreenScreenWrapper from '@/components/GreenScreenWrapper'; import GreenScreenWrapper from '@/components/GreenScreenWrapper';
const BinaryNumberGameGreenScreen = () => { const BinaryNumberGameGreenScreen = () => {
const { mode } = useParams<{ mode: 'gs-lite' | 'gs-dark' }>(); const {
mode
} = useParams<{
mode: 'gs-lite' | 'gs-dark';
}>();
const greenScreenMode = mode === 'gs-dark' ? 'dark' : 'lite'; const greenScreenMode = mode === 'gs-dark' ? 'dark' : 'lite';
return <GreenScreenWrapper mode={greenScreenMode}>
return (
<GreenScreenWrapper mode={greenScreenMode}>
<div className="space-y-6"> <div className="space-y-6">
<h1 className="text-3xl font-bold text-center">Binary Number Representation</h1>
<BinaryNumberGame /> <BinaryNumberGame />
</div> </div>
</GreenScreenWrapper> </GreenScreenWrapper>;
);
}; };
export default BinaryNumberGameGreenScreen; export default BinaryNumberGameGreenScreen;