github/pyrodactyl
1
1
Fork 0
mirror of https://github.com/pyrohost/pyrodactyl.git synced 2026-04-06 04:01:58 +02:00
Code Issues 44 Packages Projects Releases Wiki Activity

ui: updated server list page to match new theme better

Browse Source
This commit is contained in:
Naterfute
2026-02-07 10:45:27 -08:00
parent bc3391a911
commit 34e5012c89
1 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
resources/scripts/components/dashboard/ServerRow.tsx
View File

@@ -9,7 +9,6 @@ import { bytesToString, ip } from '@/lib/formatters';
const isAlarmState = (current: number, limit: number): boolean => limit > 0 && current / (limit * 1024 * 1024) >= 0.9;
const StatusIndicatorBox = styled.div<{ $status: ServerPowerState }>`
background: #ffffff11;
transition: all 250ms ease-in-out;
padding: 1.75rem 2rem;
cursor: pointer;
@@ -21,7 +20,6 @@ position: relative;
&:hover {
border: 1px solid #ffffff11;
background: #ffffff18;
}
& .status-bar {
@@ -105,7 +103,7 @@ const ServerRow = ({ server, className }: { server: Server; className?: string }
<StatusIndicatorBox
as={Link}
to={`/server/${server.id}`}
className={className}
className={`{className} bg-mocha-500 hover:bg-mocha-400 border border-[1px] border-mocha-400 hover:border-mocha-400`}
$status={stats?.status || 'offline'}
>
<div className={`flex items - center`}>
@@ -128,7 +126,7 @@ const ServerRow = ({ server, className }: { server: Server; className?: string }
</div>
</div>
<div
className={`h-full hidden sm:flex items-center justify-center bg-[#ffffff09] border-[1px] border-[#ffffff11] shadow-xs rounded-md w-fit whitespace-nowrap px-4 py-2 text-sm gap-4`}
className={`h-full hidden sm:flex items-center justify-center bg-mocha-500 border-[1px] border-[#ffffff11] shadow-xs rounded-md w-fit whitespace-nowrap px-4 py-2 text-sm gap-4`}
>
{!stats || isSuspended || isInstalling ? (
isSuspended ? (