Be consistent with form order

This commit is contained in:
Dane Everitt 2021-08-07 16:24:36 -07:00
parent 874e7afce3
commit 15b03b96fc
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
2 changed files with 8 additions and 10 deletions

View file

@ -120,7 +120,10 @@ export default () => {
<PageContentBlock title={'SSH Keys'}>
<FlashMessageRender byKey={'ssh_keys'}/>
<div css={tw`md:flex flex-nowrap my-10`}>
<ContentBox title={'SSH Keys'} css={tw`flex-1 md:mr-8`}>
<ContentBox title={'Add SSH Key'} css={tw`flex-1 md:mr-8`}>
<AddSSHKeyForm onKeyAdded={key => setKeys(s => ([ ...s!, key ]))}/>
</ContentBox>
<ContentBox title={'SSH Keys'} css={tw`flex-none w-full mt-8 md:mt-0 md:w-1/2`}>
<SpinnerOverlay visible={loading}/>
<ConfirmationModal
visible={!!deleteId}
@ -161,10 +164,6 @@ export default () => {
))
}
</ContentBox>
<ContentBox title={'Add SSH Key'} css={tw`flex-none w-full mt-8 md:mt-0 md:w-1/2`}>
<AddSSHKeyForm onKeyAdded={key => setKeys(s => ([ ...s!, key ]))}/>
</ContentBox>
</div>
</PageContentBlock>
);

View file

@ -107,7 +107,10 @@ export default () => {
<PageContentBlock title={'Security Keys'}>
<FlashMessageRender byKey={'security_keys'}/>
<div css={tw`md:flex flex-nowrap my-10`}>
<ContentBox title={'Security Keys'} css={tw`flex-1 md:mr-8`}>
<ContentBox title={'Add Security Key'} css={tw`flex-1 md:mr-8`}>
<AddSecurityKeyForm onKeyAdded={key => setKeys(s => ([ ...s!, key ]))}/>
</ContentBox>
<ContentBox title={'Security Keys'} css={tw`flex-none w-full mt-8 md:mt-0 md:w-1/2`}>
<SpinnerOverlay visible={loading}/>
<ConfirmationModal
visible={!!deleteId}
@ -149,10 +152,6 @@ export default () => {
))
}
</ContentBox>
<ContentBox title={'Add Security Key'} css={tw`flex-none w-full mt-8 md:mt-0 md:w-1/2`}>
<AddSecurityKeyForm onKeyAdded={key => setKeys(s => ([ ...s!, key ]))}/>
</ContentBox>
</div>
</PageContentBlock>
);