diff --git a/application/src/components/servers/OSTypeIcon.tsx b/application/src/components/servers/OSTypeIcon.tsx
index 151883f..ff3c0d2 100644
--- a/application/src/components/servers/OSTypeIcon.tsx
+++ b/application/src/components/servers/OSTypeIcon.tsx
@@ -10,7 +10,7 @@ export const OSTypeIcon = ({ osType, className = "h-4 w-4" }: OSTypeIconProps) =
const getOSIcon = (os: string) => {
const osLower = os.toLowerCase();
- if (osLower.includes('linux') || osLower.includes('ubuntu') || osLower.includes('centos')) {
+ if (osLower.includes('linux') || osLower.includes('ubuntu') || osLower.includes('centos') || osLower.includes('debian')) {
return ;
} else if (osLower.includes('windows')) {
return ;
diff --git a/application/src/components/servers/ServerMetricsOverview.tsx b/application/src/components/servers/ServerMetricsOverview.tsx
index 840db9c..34ec57a 100644
--- a/application/src/components/servers/ServerMetricsOverview.tsx
+++ b/application/src/components/servers/ServerMetricsOverview.tsx
@@ -203,47 +203,6 @@ export const ServerMetricsOverview = ({ server }: ServerMetricsOverviewProps) =>
icon={HardDrive}
color={theme === 'dark' ? "#f59e0b" : "#d97706"}
/>
-
- {/* System Info Card */}
-
-
-
-
-
-
-
- System Information
-
-
-
-
-
-
-
Operating System:
-
{server.os_type}
-
-
-
Hostname:
-
{server.hostname}
-
-
-
-
-
IP Address:
-
{server.ip_address}
-
- {server.system_info && (
-
-
System Details:
-
- {server.system_info}
-
-
- )}
-
-
-
-
);
};
\ No newline at end of file
diff --git a/application/src/components/servers/ServerStatsCards.tsx b/application/src/components/servers/ServerStatsCards.tsx
index 3c6e035..379288b 100644
--- a/application/src/components/servers/ServerStatsCards.tsx
+++ b/application/src/components/servers/ServerStatsCards.tsx
@@ -17,32 +17,32 @@ export const ServerStatsCards = ({ stats }: ServerStatsCardsProps) => {
value: stats.total,
icon: Server,
gradient: theme === 'dark'
- ? "linear-gradient(135deg, rgba(139, 69, 19, 0.8) 0%, rgba(160, 82, 45, 0.6) 100%)"
- : "linear-gradient(135deg, #8b4513 0%, #a0522d 100%)"
+ ? "linear-gradient(135deg, rgba(65, 59, 55, 0.8) 0%, rgba(160, 82, 45, 0.6) 100%)"
+ : "linear-gradient(135deg, rgba(65, 59, 55, 0.8) 0%, #a0522d 100%)"
},
{
title: "ONLINE SERVERS",
value: stats.online,
icon: Activity,
gradient: theme === 'dark'
- ? "linear-gradient(135deg, rgba(67, 160, 71, 0.8) 0%, rgba(102, 187, 106, 0.6) 100%)"
- : "linear-gradient(135deg, #43a047 0%, #66bb6a 100%)"
+ ? "linear-gradient(135deg, rgba(65, 59, 55, 0.8) 0%, rgba(102, 187, 106, 0.6) 100%)"
+ : "linear-gradient(135deg, rgba(65, 59, 55, 0.8) 0%, #66bb6a 100%)"
},
{
title: "OFFLINE SERVERS",
value: stats.offline,
icon: Power,
gradient: theme === 'dark'
- ? "linear-gradient(135deg, rgba(229, 57, 53, 0.8) 0%, rgba(239, 83, 80, 0.6) 100%)"
- : "linear-gradient(135deg, #e53935 0%, #ef5350 100%)"
+ ? "linear-gradient(135deg, rgba(65, 59, 55, 0.8) 0%, rgba(239, 83, 80, 0.6) 100%)"
+ : "linear-gradient(135deg, rgba(65, 59, 55, 0.8) 0%, #ef5350 100%)"
},
{
title: "WARNING SERVERS",
value: stats.warning,
icon: AlertTriangle,
gradient: theme === 'dark'
- ? "linear-gradient(135deg, rgba(255, 152, 0, 0.8) 0%, rgba(255, 183, 77, 0.6) 100%)"
- : "linear-gradient(135deg, #ff9800 0%, #ffb74d 100%)"
+ ? "linear-gradient(135deg, rgba(65, 59, 55, 0.8) 0%, rgba(255, 183, 77, 0.6) 100%)"
+ : "linear-gradient(135deg, rgba(65, 59, 55, 0.8) 0%, #ffb74d 100%)"
}
];
@@ -62,7 +62,7 @@ export const ServerStatsCards = ({ stats }: ServerStatsCardsProps) => {
{
@@ -11,22 +11,27 @@ export const ServerStatusBadge = ({ status }: ServerStatusBadgeProps) => {
case 'up':
return {
label: 'Online',
- className: 'bg-green-100 text-green-800 border-green-200'
+ className: 'bg-green-600 text-green-100 border-green-200'
};
case 'down':
return {
label: 'Offline',
- className: 'bg-red-100 text-red-800 border-red-200'
+ className: 'bg-red-600 text-red-100 border-red-200'
};
case 'warning':
return {
label: 'Warning',
- className: 'bg-yellow-100 text-yellow-800 border-yellow-200'
+ className: 'bg-yellow-600 text-yellow-800 border-yellow-200'
+ };
+ case 'paused':
+ return {
+ label: 'Paused',
+ className: 'bg-gray-600 text-gray-100 border-gray-200'
};
default:
return {
label: 'Unknown',
- className: 'bg-gray-100 text-gray-800 border-gray-200'
+ className: 'bg-gray-600 text-gray-100 border-gray-200'
};
}
};
diff --git a/application/src/components/servers/ServerTable.tsx b/application/src/components/servers/ServerTable.tsx
index 85af02b..d906b44 100644
--- a/application/src/components/servers/ServerTable.tsx
+++ b/application/src/components/servers/ServerTable.tsx
@@ -119,7 +119,6 @@ export const ServerTable = ({ servers, isLoading, onRefresh }: ServerTableProps)
Memory
Disk
Uptime
-
Docker
Last Checked
Actions
@@ -136,7 +135,7 @@ export const ServerTable = ({ servers, isLoading, onRefresh }: ServerTableProps)
{server.name}
-
{server.hostname}
+
@@ -161,7 +160,8 @@ export const ServerTable = ({ servers, isLoading, onRefresh }: ServerTableProps)
value={cpuUsage}
className="h-2"
indicatorClassName={
- cpuUsage > 80 ? "bg-red-500" :
+ cpuUsage > 90 ? "bg-red-00" :
+ cpuUsage > 75 ? "bg-orange-500" :
cpuUsage > 60 ? "bg-yellow-500" : "bg-green-500"
}
/>
@@ -170,8 +170,8 @@ export const ServerTable = ({ servers, isLoading, onRefresh }: ServerTableProps)
- {serverService.formatBytes(server.ram_used)}
{memoryUsage.toFixed(1)}%
+ {serverService.formatBytes(server.ram_total)}