System-End/site
1
0
Fork 0
mirror of https://github.com/System-End/site.git synced 2026-04-19 23:22:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Better format for Form on first page

Browse source
This commit is contained in:
Ella 2022-11-15 11:34:28 -05:00
parent 93fdf69ad4
commit 1d53151466
1 changed files with 19 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
components/bank/first/form.js
View file

@ -1,4 +1,4 @@
import { Box, Input, Label, Button, Select, Text } from 'theme-ui'
import { Box, Input, Label, Button, Select, Text, Grid } from 'theme-ui'
import { useEffect, useRef, useState } from 'react'
import theme from '@hackclub/theme'
import Icon from '../../icon'
@ -146,25 +146,23 @@ export default function Signup() {
action="/api/bank/demo"
onSubmit={handleSubmit}
>
<Box sx={{ display: 'flex', flexDirection: 'row', gap: 2, w: '100%' }}>
<Box sx={{ my: 2 }}>
<Label htmlFor="teamType" sx={{ color: 'muted', fontSize: 18 }}>
Level
<Select
name="teamType"
defaultValue="Select"
sx={{ bg: 'dark' }}
onChange={e => setTeamType(e.target.value)}
>
<option value="Select" disabled>
Select
</option>
<option value="FLL">FLL</option>
<option value="FTC">FTC</option>
<option value="FRC">FRC</option>
</Select>
</Label>
</Box>
<Grid sx={{ gridTemplateColumns: '1fr 2fr', alignItems: 'center' }}>
<Label htmlFor="teamType" sx={{ color: 'muted', fontSize: 18 }}>
Level
<Select
name="teamType"
defaultValue="Select"
sx={{ bg: 'dark', w: '500px !important' }}
onChange={e => setTeamType(e.target.value)}
>
<option value="Select" disabled>
Select
</option>
<option value="FLL">FLL</option>
<option value="FTC">FTC</option>
<option value="FRC">FRC</option>
</Select>
</Label>
<Field
label="Team number (optional)"
@ -175,7 +173,7 @@ export default function Signup() {
onChange={e => setTeamNumber(e.target.value)}
required={false}
/>
</Box>
</Grid>
<Field
label="Team name"
name="eventName"