Fix console rendering on Safari; closes #4189
This commit is contained in:
parent
003afb271b
commit
3120e1d4a0
6 changed files with 33 additions and 42 deletions
|
@ -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>
|
||||
|
|
Reference in a new issue