orus-dev/dockship
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed monitoring colors

Browse Source
This commit is contained in:
selimaj-dev
2025-12-26 20:07:34 +01:00
parent fa3b2bc634
commit 567a75caff
2 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/monitoring/page.tsx
+11 -11
View File
@@ -128,7 +128,7 @@ export default function MonitoringPage() {
<CardHeader className="pb-2"> <CardHeader className="pb-2">
<CardTitle className="flex items-center justify-between"> <CardTitle className="flex items-center justify-between">
CPU Usage CPU Usage
<Badge>Last 12 hours</Badge> <Badge variant="outline">Last 12 hours</Badge>
</CardTitle> </CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
@@ -145,12 +145,12 @@ export default function MonitoringPage() {
> >
<stop <stop
offset="5%" offset="5%"
stopColor="hsl(180, 100%, 50%)" stopColor="oklch(0.66 0.13 227.70)"
stopOpacity={0.3} stopOpacity={0.3}
/> />
<stop <stop
offset="95%" offset="95%"
stopColor="hsl(180, 100%, 50%)" stopColor="oklch(0.66 0.13 227.70)"
stopOpacity={0} stopOpacity={0}
/> />
</linearGradient> </linearGradient>
@@ -178,7 +178,7 @@ export default function MonitoringPage() {
<Area <Area
type="monotone" type="monotone"
dataKey="value" dataKey="value"
stroke="hsl(180, 100%, 50%)" stroke="oklch(0.66 0.13 227.70)"
strokeWidth={2} strokeWidth={2}
fill="url(#cpuGradient)" fill="url(#cpuGradient)"
/> />
@@ -192,7 +192,7 @@ export default function MonitoringPage() {
<CardHeader className="pb-2"> <CardHeader className="pb-2">
<CardTitle className="flex items-center justify-between"> <CardTitle className="flex items-center justify-between">
Memory Usage Memory Usage
<Badge>Last 12 hours</Badge> <Badge variant="outline">Last 12 hours</Badge>
</CardTitle> </CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
@@ -209,12 +209,12 @@ export default function MonitoringPage() {
> >
<stop <stop
offset="5%" offset="5%"
stopColor="hsl(142, 70%, 45%)" stopColor="oklch(0.70 0.15 159.83)"
stopOpacity={0.3} stopOpacity={0.3}
/> />
<stop <stop
offset="95%" offset="95%"
stopColor="hsl(142, 70%, 45%)" stopColor="oklch(0.70 0.15 159.83)"
stopOpacity={0} stopOpacity={0}
/> />
</linearGradient> </linearGradient>
@@ -242,7 +242,7 @@ export default function MonitoringPage() {
<Area <Area
type="monotone" type="monotone"
dataKey="value" dataKey="value"
stroke="hsl(142, 70%, 45%)" stroke="oklch(0.70 0.15 159.83)"
strokeWidth={2} strokeWidth={2}
fill="url(#memoryGradient)" fill="url(#memoryGradient)"
/> />
@@ -258,7 +258,7 @@ export default function MonitoringPage() {
<CardHeader className="pb-2"> <CardHeader className="pb-2">
<CardTitle className="flex items-center justify-between"> <CardTitle className="flex items-center justify-between">
Network I/O Network I/O
<Badge>Last 12 hours</Badge> <Badge variant="outline">Last 12 hours</Badge>
</CardTitle> </CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
@@ -287,7 +287,7 @@ export default function MonitoringPage() {
<Line <Line
type="monotone" type="monotone"
dataKey="in" dataKey="in"
stroke="hsl(180, 100%, 50%)" stroke="oklch(0.80 0.10 100.65)"
strokeWidth={2} strokeWidth={2}
dot={false} dot={false}
name="Inbound" name="Inbound"
@@ -295,7 +295,7 @@ export default function MonitoringPage() {
<Line <Line
type="monotone" type="monotone"
dataKey="out" dataKey="out"
stroke="hsl(38, 92%, 50%)" stroke="oklch(0.60 0.15 300.14)"
strokeWidth={2} strokeWidth={2}
dot={false} dot={false}
name="Outbound" name="Outbound"
src/app/overview/page.tsx
+2 -2
View File
@@ -262,12 +262,12 @@ export default function OverviewPage() {
<span className="text-muted-foreground">CPU</span> <span className="text-muted-foreground">CPU</span>
<span className="font-mono">{node.cpu}%</span> <span className="font-mono">{node.cpu}%</span>
</div> </div>
<Progress value={node.cpu} className="bg-primary" /> <Progress value={node.cpu} className="[&>div]:bg-chart-1" />
<div className="flex items-center justify-between text-xs"> <div className="flex items-center justify-between text-xs">
<span className="text-muted-foreground">Memory</span> <span className="text-muted-foreground">Memory</span>
<span className="font-mono">{node.memory}%</span> <span className="font-mono">{node.memory}%</span>
</div> </div>
<Progress value={node.memory} className="w-full" /> <Progress value={node.memory} className="w-full [&>div]:bg-chart-3" />
<div className="flex items-center justify-between text-xs pt-2 border-t border-border mt-2"> <div className="flex items-center justify-between text-xs pt-2 border-t border-border mt-2">
<span className="text-muted-foreground">Containers</span> <span className="text-muted-foreground">Containers</span>
<span className="font-mono">{node.containers}</span> <span className="font-mono">{node.containers}</span>