minor ui fixes

calendar-modal
Max 2023-09-24 19:41:38 -07:00
parent a762a3cbb7
commit 8f674ddcb8
2 changed files with 16 additions and 3 deletions

View File

@ -85,8 +85,21 @@ const WheelSpinPage = () => {
<WinningDialog open={openSpinResult} close={setOpenSpinResult} prizeAmount={wheelItems.items[winningIndex].label} /> <WinningDialog open={openSpinResult} close={setOpenSpinResult} prizeAmount={wheelItems.items[winningIndex].label} />
<Grid container justifyContent="center" alignItems="center" spacing={3}> <Grid container justifyContent="center" alignItems="center" spacing={3}>
<Grid item xs={6}> <Grid item xs={6}>
<h1>Join our mailing list to spin the wheel for a chance to win BTC!</h1> <Grid container direction="column">
<TextField value={emailValue} onChange={handleTextChange}/><Button variant="contained" color="secondary" onClick={submitHandler}>Submit and Spin!</Button> <Grid item>
<h1>Join our mailing list to spin the wheel for a chance to win BTC!</h1>
</Grid>
<Grid item>
<Grid container spacing={1} alignItems="center">
<Grid item>
<TextField label="Email" variant='filled' size='small' value={emailValue} onChange={handleTextChange}/>
</Grid>
<Grid item>
<Button variant="contained" color="secondary" onClick={submitHandler}>Submit and Spin!</Button>
</Grid>
</Grid>
</Grid>
</Grid>
</Grid> </Grid>
<Grid item xs={6}> <Grid item xs={6}>
<Grid container justifyContent="center"> <Grid container justifyContent="center">

View File

@ -4,7 +4,7 @@ import React from 'react'
const InfoCard = (props) => { const InfoCard = (props) => {
return ( return (
<Card sx={{height: 500}}> <Card sx={{height: 550}}>
<Container> <Container>
<Typography variant="h3" align='center' marginY={4}>{props.title}</Typography> <Typography variant="h3" align='center' marginY={4}>{props.title}</Typography>
<Box> <Box>