regalijan/car-crushers-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add margins between headings and fields

Browse Source
This commit is contained in:
Regalijan 2024-02-22 12:58:42 -05:00
parent e6aca19d67
commit 48bcd0637e
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/routes/book-event.tsx
View File

@ -90,7 +90,9 @@ export default function () {
) : ( ) : (
<Container maxW="container.md"> <Container maxW="container.md">
<Heading pb="32px">Book an Event</Heading> <Heading pb="32px">Book an Event</Heading>
<Heading size="md">Event Type</Heading> <Heading mb="8px" size="md">
Event Type
</Heading>
<RadioGroup onChange={setEventType} value={eventType}> <RadioGroup onChange={setEventType} value={eventType}>
<HStack> <HStack>
<Radio>FoTD</Radio> <Radio>FoTD</Radio>
@ -109,7 +111,7 @@ export default function () {
onChange={(e) => setEventDay(e.target.value.split("-")[2])} onChange={(e) => setEventDay(e.target.value.split("-")[2])}
type="date" type="date"
/> />
<Heading pt="16px" size="md"> <Heading mb="8px" pt="16px" size="md">
Event Details Event Details
</Heading> </Heading>
<Textarea <Textarea
@ -118,6 +120,7 @@ export default function () {
/> />
<Heading <Heading
display={eventType === "rotw" ? "none" : undefined} display={eventType === "rotw" ? "none" : undefined}
mb="8px"
pt="16px" pt="16px"
size="md" size="md"
> >
@ -127,7 +130,9 @@ export default function () {
onChange={(e) => setRiddleAnswer(e.target.value)} onChange={(e) => setRiddleAnswer(e.target.value)}
placeholder="Riddle answer" placeholder="Riddle answer"
/> />
<Button onClick={async () => await submit()}>Book</Button> <Button mt="16px" onClick={async () => await submit()}>
Book
</Button>
</Container> </Container>
); );
} }