Fix UI for mobile views when showing docker images; closes #3186

This commit is contained in:
Dane Everitt 2021-03-21 10:33:09 -07:00
parent 62c08d17fb
commit a7e1900529
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53

View file

@ -78,7 +78,7 @@ const StartupContainer = () => {
/> />
: :
<ServerContentBlock title={'Startup Settings'} showFlashKey={'startup:image'}> <ServerContentBlock title={'Startup Settings'} showFlashKey={'startup:image'}>
<div css={tw`flex`}> <div css={tw`md:flex`}>
<TitledGreyBox title={'Startup Command'} css={tw`flex-1`}> <TitledGreyBox title={'Startup Command'} css={tw`flex-1`}>
<div css={tw`px-1 py-2`}> <div css={tw`px-1 py-2`}>
<p css={tw`font-mono bg-neutral-900 rounded py-2 px-4`}> <p css={tw`font-mono bg-neutral-900 rounded py-2 px-4`}>
@ -86,7 +86,7 @@ const StartupContainer = () => {
</p> </p>
</div> </div>
</TitledGreyBox> </TitledGreyBox>
<TitledGreyBox title={'Docker Image'} css={tw`flex-1 lg:flex-none lg:w-1/3 ml-10`}> <TitledGreyBox title={'Docker Image'} css={tw`flex-1 lg:flex-none lg:w-1/3 mt-8 md:mt-0 md:ml-10`}>
{data.dockerImages.length > 1 && !isCustomImage ? {data.dockerImages.length > 1 && !isCustomImage ?
<> <>
<InputSpinner visible={loading}> <InputSpinner visible={loading}>