Fix console rendering on Safari; closes #4189

This commit is contained in:
DaneEveritt 2022-06-30 20:30:01 -04:00
parent 003afb271b
commit 3120e1d4a0
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
6 changed files with 33 additions and 42 deletions

View file

@ -21,15 +21,15 @@ const ServerConsoleContainer = () => {
const eggFeatures = ServerContext.useStoreState((state) => state.server.data!.eggFeatures, isEqual);
return (
<ServerContentBlock title={'Console'} className={'flex flex-col gap-2 sm:gap-4'}>
<ServerContentBlock title={'Console'}>
{(isInstalling || isTransferring) && (
<Alert type={'warning'}>
<Alert type={'warning'} className={'mb-4'}>
{isInstalling
? 'This server is currently running its installation process and most actions are unavailable.'
: 'This server is currently being transferred to another node and all actions are unavailable.'}
</Alert>
)}
<div className={'grid grid-cols-4 gap-4'}>
<div className={'grid grid-cols-4 gap-4 mb-4'}>
<div className={'hidden sm:block sm:col-span-2 lg:col-span-3 pr-4'}>
<h1 className={'font-header text-2xl text-gray-50 leading-relaxed line-clamp-1'}>{name}</h1>
<p className={'text-sm line-clamp-2'}>{description}</p>
@ -40,8 +40,8 @@ const ServerConsoleContainer = () => {
</Can>
</div>
</div>
<div className={'grid grid-cols-4 gap-2 sm:gap-4'}>
<div className={'col-span-4 lg:col-span-3'}>
<div className={'grid grid-cols-4 gap-2 sm:gap-4 mb-4'}>
<div className={'flex col-span-4 lg:col-span-3'}>
<Spinner.Suspense>
<Console />
</Spinner.Suspense>