Visual edit in Lovable

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

View file

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