diff options
| author | nsfisis <nsfisis@gmail.com> | 2024-07-19 19:05:55 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2024-07-19 19:19:55 +0900 |
| commit | df5abfc272a151c51f0e5e82214cf7aff8cfa880 (patch) | |
| tree | 87395be420f16296fab56b55a03f83f87af59366 /frontend/src/watch/apps/Gaming.jsx | |
| parent | b0662e8add4864fed69f49a4a5cfb0d8e26523a8 (diff) | |
| download | phperkaigi-2025-albatross-df5abfc272a151c51f0e5e82214cf7aff8cfa880.tar.gz phperkaigi-2025-albatross-df5abfc272a151c51f0e5e82214cf7aff8cfa880.tar.zst phperkaigi-2025-albatross-df5abfc272a151c51f0e5e82214cf7aff8cfa880.zip | |
initial commit
Diffstat (limited to 'frontend/src/watch/apps/Gaming.jsx')
| -rw-r--r-- | frontend/src/watch/apps/Gaming.jsx | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/frontend/src/watch/apps/Gaming.jsx b/frontend/src/watch/apps/Gaming.jsx new file mode 100644 index 0000000..c844c46 --- /dev/null +++ b/frontend/src/watch/apps/Gaming.jsx @@ -0,0 +1,29 @@ +export default ({ problem, scoreA, codeA, scoreB, codeB }) => { + return ( + <> + <div style={{ display: 'flex', flexDirection: 'column' }}> + <div style={{ display: 'flex', flex: 1, justifyContent: 'center' }}> + {problem} + </div> + <div style={{ display: 'flex', flex: 3 }}> + <div style={{ display: 'flex', flex: 3, flexDirection: 'column' }}> + <div style={{ flex: 1, justifyContent: 'center' }}> + {scoreA} + </div> + <div style={{ flex: 3 }}> + <pre><code>{codeA}</code></pre> + </div> + </div> + <div style={{ display: 'flex', flex: 3, flexDirection: 'column' }}> + <div style={{ flex: 1, justifyContent: 'center' }}> + {scoreB} + </div> + <div style={{ flex: 3 }}> + <pre><code>{codeB}</code></pre> + </div> + </div> + </div> + </div> + </> + ); +}; |