Fix allocation display when a description is present

This commit is contained in:
DaneEveritt 2022-06-25 21:41:52 -04:00
parent 47d6235ea0
commit 82d8713b5d
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53

View file

@ -4,7 +4,7 @@ import { faEthernet, faHdd, faMemory, faMicrochip, faServer } from '@fortawesome
import { Link } from 'react-router-dom';
import { Server } from '@/api/server/getServer';
import getServerResourceUsage, { ServerPowerState, ServerStats } from '@/api/server/getServerResourceUsage';
import { bytesToHuman, megabytesToHuman, formatIp } from '@/helpers';
import { bytesToHuman, formatIp, megabytesToHuman } from '@/helpers';
import tw from 'twin.macro';
import GreyRowBox from '@/components/elements/GreyRowBox';
import Spinner from '@/components/elements/Spinner';
@ -87,11 +87,12 @@ export default ({ server, className }: { server: Server; className?: string }) =
<div>
<p css={tw`text-lg break-words`}>{server.name}</p>
{!!server.description &&
<p css={tw`text-sm text-neutral-300 break-words`}>{server.description}</p>
<p css={tw`text-sm text-neutral-300 break-words line-clamp-2`}>{server.description}</p>
}
</div>
</div>
<div css={tw`hidden lg:col-span-2 lg:flex ml-4 justify-end h-full`}>
<div css={tw`flex-1 ml-4 lg:block lg:col-span-2 hidden`}>
<div css={tw`flex justify-center`}>
<FontAwesomeIcon icon={faEthernet} css={tw`text-neutral-500`}/>
<p css={tw`text-sm text-neutral-400 ml-2`}>
{
@ -103,6 +104,7 @@ export default ({ server, className }: { server: Server; className?: string }) =
}
</p>
</div>
</div>
<div css={tw`hidden col-span-7 lg:col-span-4 sm:flex items-baseline justify-center`}>
{(!stats || isSuspended) ?
isSuspended ?