Tweak UI for dashboard
This commit is contained in:
parent
cd9494251b
commit
4ee19b6847
1 changed files with 6 additions and 13 deletions
|
@ -59,20 +59,13 @@ export default ({ server, className }: { server: Server; className?: string }) =
|
||||||
<FontAwesomeIcon icon={faServer}/>
|
<FontAwesomeIcon icon={faServer}/>
|
||||||
</div>
|
</div>
|
||||||
<div css={tw`flex-1 ml-4`}>
|
<div css={tw`flex-1 ml-4`}>
|
||||||
<div css={tw`flex items-center`}>
|
<p css={tw`text-lg`}>{server.name}</p>
|
||||||
<div
|
{!!server.description &&
|
||||||
css={[
|
<p css={tw`text-sm text-neutral-300`}>{server.description}</p>
|
||||||
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>
|
|
||||||
</div>
|
</div>
|
||||||
<div css={tw`w-1/4 overflow-hidden`}>
|
<div css={tw`w-48 overflow-hidden self-start`}>
|
||||||
<div css={tw`flex ml-4`}>
|
<div css={tw`flex ml-4 justify-end`}>
|
||||||
<FontAwesomeIcon icon={faEthernet} css={tw`text-neutral-500`}/>
|
<FontAwesomeIcon icon={faEthernet} css={tw`text-neutral-500`}/>
|
||||||
<p css={tw`text-sm text-neutral-400 ml-2`}>
|
<p css={tw`text-sm text-neutral-400 ml-2`}>
|
||||||
{
|
{
|
||||||
|
|
Loading…
Reference in a new issue