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

Tweak UI for dashboard

Browse source
This commit is contained in:
Dane Everitt 2020-08-29 18:20:12 -07:00
parent cd9494251b
commit 4ee19b6847
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
1 changed files with 6 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
resources/scripts/components/dashboard/ServerRow.tsx
View file

@ -59,20 +59,13 @@ export default ({ server, className }: { server: Server; className?: string }) =
<FontAwesomeIcon icon={faServer}/>
</div>
<div css={tw`flex-1 ml-4`}>
<div css={tw`flex items-center`}>
<div
css={[
tw`w-3 h-3 rounded-full mr-2`,
(!stats?.status || stats?.status === 'offline')
? tw`bg-red-500`
: (stats?.status === 'running' ? tw`bg-green-500` : tw`bg-yellow-500`),
]}
/>
<p css={tw`text-lg`}>{server.name}</p>
</div>
<p css={tw`text-lg`}>{server.name}</p>
{!!server.description &&
<p css={tw`text-sm text-neutral-300`}>{server.description}</p>
}
</div>
<div css={tw`w-1/4 overflow-hidden`}>
<div css={tw`flex ml-4`}>
<div css={tw`w-48 overflow-hidden self-start`}>
<div css={tw`flex ml-4 justify-end`}>
<FontAwesomeIcon icon={faEthernet} css={tw`text-neutral-500`}/>
<p css={tw`text-sm text-neutral-400 ml-2`}>
{