feat: add fullscreen support to Memory Quiz game

Wrap Memory Lightning game with FullscreenGameLayout to:
- Enable fullscreen mode when accessed from arcade
- Provide consistent navigation experience
- Maintain existing game functionality and styling

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock
2025-09-27 16:27:34 -05:00
parent 2b98382b5a
commit 763fc95025

View File

@@ -6,6 +6,7 @@ import { css } from '../../../../styled-system/css'
import { AbacusReact } from '@soroban/abacus-react'
import { useAbacusConfig } from '../../../contexts/AbacusDisplayContext'
import { isPrefix } from '../../../lib/memory-quiz-utils'
import { FullscreenGameLayout } from '../../../components/FullscreenGameLayout'
interface QuizCard {
@@ -1509,7 +1510,7 @@ export default function MemoryQuizPage() {
}, [state.prefixAcceptanceTimeout])
return (
<>
<FullscreenGameLayout title="Memory Lightning">
<style dangerouslySetInnerHTML={{ __html: globalAnimations }} />
<div className={css({
@@ -1575,6 +1576,6 @@ export default function MemoryQuizPage() {
</div>
</div>
</div>
</>
</FullscreenGameLayout>
)
}