Battlesnake/frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

adjusted the layout

Browse source
This commit is contained in:
yoshi 2025-05-08 14:48:21 -07:00
parent 2692e75d12
commit aed80f3c0c
1 changed files with 5 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/PreviewPanel.jsx
View file

@ -33,7 +33,7 @@ export default function PreviewPanel({ code }) {
backgroundColor: '#d300c5', backgroundColor: '#d300c5',
height: '6px', height: '6px',
borderRadius: '3px 3px 0 0', borderRadius: '3px 3px 0 0',
marginBottom: '0.5rem' marginBottom: '0.2rem'
}} /> }} />
<h3 style={{ <h3 style={{
fontSize: '1.2rem', fontSize: '1.2rem',
@ -50,7 +50,7 @@ export default function PreviewPanel({ code }) {
border: '1px solid #ff2a6d', border: '1px solid #ff2a6d',
borderRadius: '8px', borderRadius: '8px',
padding: '0.2rem', padding: '0.2rem',
marginBottom: '1.2rem' marginBottom: '0.1rem'
}}> }}>
<input <input
type="text" type="text"
@ -59,9 +59,10 @@ export default function PreviewPanel({ code }) {
onChange={e => { setGameId(e.target.value.trim()); setSubmitted(false); }} onChange={e => { setGameId(e.target.value.trim()); setSubmitted(false); }}
style={{ style={{
width: '100%', width: '100%',
height: '2.5rem',
textAlign: 'center', textAlign: 'center',
padding: '0.2rem', padding: '0.2rem',
marginBottom: '0.5rem', marginBottom: '0.8rem',
border: 'none', border: 'none',
borderRadius: 4, borderRadius: 4,
background: 'transparent', background: 'transparent',
@ -105,7 +106,7 @@ export default function PreviewPanel({ code }) {
<iframe <iframe
src={`https://gameboard-service-aged-glitter-8141.fly.dev/?game=${encodeURIComponent(gameId)}&autoplay=false&showControls=true`} src={`https://gameboard-service-aged-glitter-8141.fly.dev/?game=${encodeURIComponent(gameId)}&autoplay=false&showControls=true`}
title="Battlesnake Board" title="Battlesnake Board"
style={{ width: '41vw', height: '85vh', border: 'none', paddingTop: '1rem', borderRadius: '8px' }} style={{ width: '41vw', height: '128vh', border: 'none', paddingTop: '1rem', marginRight: '1.2rem', borderRadius: '8px' }}
allowFullScreen allowFullScreen
scrolling="no" scrolling="no"
/> />