StarMC/Astral-nook
StarMC/Astral-nook
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

More mobile cleanup

Browse source
This commit is contained in:
Dane Everitt 2020-09-13 10:49:57 -07:00
parent 47283700a8
commit f1978683cc
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
7 changed files with 22 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

14
resources/scripts/components/server/schedules/EditScheduleModal.tsx
View file

@ -30,7 +30,7 @@ const EditScheduleModal = ({ schedule, ...props }: Omit<Props, 'onScheduleUpdate
return (
<Modal {...props} showSpinnerOverlay={isSubmitting}>
<h3 css={tw`mb-6`}>{schedule ? 'Edit schedule' : 'Create new schedule'}</h3>
<h3 css={tw`text-2xl mb-6`}>{schedule ? 'Edit schedule' : 'Create new schedule'}</h3>
<FlashMessageRender byKey={'schedule:edit'} css={tw`mb-6`}/>
<Form>
<Field
@ -38,17 +38,17 @@ const EditScheduleModal = ({ schedule, ...props }: Omit<Props, 'onScheduleUpdate
label={'Schedule name'}
description={'A human readable identifer for this schedule.'}
/>
<div css={tw`flex mt-6`}>
<div css={tw`flex-1 mr-4`}>
<div css={tw`grid grid-cols-2 sm:grid-cols-4 gap-4 mt-6`}>
<div>
<Field name={'minute'} label={'Minute'}/>
</div>
<div css={tw`flex-1 mr-4`}>
<div>
<Field name={'hour'} label={'Hour'}/>
</div>
<div css={tw`flex-1 mr-4`}>
<div>
<Field name={'dayOfMonth'} label={'Day of month'}/>
</div>
<div css={tw`flex-1`}>
<div>
<Field name={'dayOfWeek'} label={'Day of week'}/>
</div>
</div>
@ -64,7 +64,7 @@ const EditScheduleModal = ({ schedule, ...props }: Omit<Props, 'onScheduleUpdate
/>
</div>
<div css={tw`mt-6 text-right`}>
<Button type={'submit'} disabled={isSubmitting}>
<Button css={tw`w-full sm:w-auto`} type={'submit'} disabled={isSubmitting}>
{schedule ? 'Save changes' : 'Create schedule'}
</Button>
</div>