Skynet/misc_pterodactyl-panel
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui(admin): add "working" React admin ui

Browse source
This commit is contained in:
Matthew Penner 2022-12-15 19:06:14 -07:00
parent d1c7494933
commit 5402584508
No known key found for this signature in database
199 changed files with 13387 additions and 151 deletions
Download patch file Download diff file Expand all files Collapse all files

10
resources/scripts/components/server/console/ServerDetailsBlock.tsx
View file

@ -38,7 +38,7 @@ function Limit({ limit, children }: { limit: string | null; children: ReactNode
return (
<>
{children}
<span className={'ml-1 text-gray-300 text-[70%] select-none'}>/ {limit || <>&infin;</>}</span>
<span className={'ml-1 text-slate-300 text-[70%] select-none'}>/ {limit || <>&infin;</>}</span>
</>
);
}
@ -112,7 +112,7 @@ function ServerDetailsBlock({ className }: { className?: string }) {
</StatBlock>
<StatBlock icon={faMicrochip} title={'CPU Load'} color={getBackgroundColor(stats.cpu, limits.cpu)}>
{status === 'offline' ? (
<span className={'text-gray-400'}>Offline</span>
<span className={'text-slate-400'}>Offline</span>
) : (
<Limit limit={textLimits.cpu}>{stats.cpu.toFixed(2)}%</Limit>
)}
@ -123,7 +123,7 @@ function ServerDetailsBlock({ className }: { className?: string }) {
color={getBackgroundColor(stats.memory / 1024, limits.memory * 1024)}
>
{status === 'offline' ? (
<span className={'text-gray-400'}>Offline</span>
<span className={'text-slate-400'}>Offline</span>
) : (
<Limit limit={textLimits.memory}>{bytesToString(stats.memory)}</Limit>
)}
@ -132,10 +132,10 @@ function ServerDetailsBlock({ className }: { className?: string }) {
<Limit limit={textLimits.disk}>{bytesToString(stats.disk)}</Limit>
</StatBlock>
<StatBlock icon={faCloudDownloadAlt} title={'Network (Inbound)'}>
{status === 'offline' ? <span className={'text-gray-400'}>Offline</span> : bytesToString(stats.rx)}
{status === 'offline' ? <span className={'text-slate-400'}>Offline</span> : bytesToString(stats.rx)}
</StatBlock>
<StatBlock icon={faCloudUploadAlt} title={'Network (Outbound)'}>
{status === 'offline' ? <span className={'text-gray-400'}>Offline</span> : bytesToString(stats.tx)}
{status === 'offline' ? <span className={'text-slate-400'}>Offline</span> : bytesToString(stats.tx)}
</StatBlock>
</div>
);