External/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-12-19 10:46:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update metrics-dialog.tsx

Browse Source
This commit is contained in:
MacRimi 2025-10-20 16:43:07 +02:00
parent f4d6192c80
commit 8ec643d882
1 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
AppImage/components/metrics-dialog.tsx
View File

@ -125,8 +125,12 @@ export function MetricsView({ vmid, vmName, vmType, metricType, onBack }: Metric
<ResponsiveContainer width="100%" height={400}> <ResponsiveContainer width="100%" height={400}>
<LineChart data={data}> <LineChart data={data}>
<CartesianGrid strokeDasharray="3 3" stroke="hsl(var(--border))" /> <CartesianGrid strokeDasharray="3 3" stroke="hsl(var(--border))" />
<XAxis dataKey="time" stroke="hsl(var(--muted-foreground))" /> <XAxis dataKey="time" stroke="hsl(var(--foreground))" tick={{ fill: "hsl(var(--foreground))" }} />
<YAxis stroke="hsl(var(--muted-foreground))" label={{ value: "%", angle: -90, position: "insideLeft" }} /> <YAxis
stroke="hsl(var(--foreground))"
tick={{ fill: "hsl(var(--foreground))" }}
label={{ value: "%", angle: -90, position: "insideLeft", fill: "hsl(var(--foreground))" }}
/>
<Tooltip <Tooltip
contentStyle={{ backgroundColor: "hsl(var(--background))", border: "1px solid hsl(var(--border))" }} contentStyle={{ backgroundColor: "hsl(var(--background))", border: "1px solid hsl(var(--border))" }}
labelStyle={{ color: "hsl(var(--foreground))" }} labelStyle={{ color: "hsl(var(--foreground))" }}
@ -142,8 +146,12 @@ export function MetricsView({ vmid, vmName, vmType, metricType, onBack }: Metric
<ResponsiveContainer width="100%" height={400}> <ResponsiveContainer width="100%" height={400}>
<LineChart data={data}> <LineChart data={data}>
<CartesianGrid strokeDasharray="3 3" stroke="hsl(var(--border))" /> <CartesianGrid strokeDasharray="3 3" stroke="hsl(var(--border))" />
<XAxis dataKey="time" stroke="hsl(var(--muted-foreground))" /> <XAxis dataKey="time" stroke="hsl(var(--foreground))" tick={{ fill: "hsl(var(--foreground))" }} />
<YAxis stroke="hsl(var(--muted-foreground))" label={{ value: "%", angle: -90, position: "insideLeft" }} /> <YAxis
stroke="hsl(var(--foreground))"
tick={{ fill: "hsl(var(--foreground))" }}
label={{ value: "%", angle: -90, position: "insideLeft", fill: "hsl(var(--foreground))" }}
/>
<Tooltip <Tooltip
contentStyle={{ backgroundColor: "hsl(var(--background))", border: "1px solid hsl(var(--border))" }} contentStyle={{ backgroundColor: "hsl(var(--background))", border: "1px solid hsl(var(--border))" }}
labelStyle={{ color: "hsl(var(--foreground))" }} labelStyle={{ color: "hsl(var(--foreground))" }}
@ -159,10 +167,11 @@ export function MetricsView({ vmid, vmName, vmType, metricType, onBack }: Metric
<ResponsiveContainer width="100%" height={400}> <ResponsiveContainer width="100%" height={400}>
<LineChart data={data}> <LineChart data={data}>
<CartesianGrid strokeDasharray="3 3" stroke="hsl(var(--border))" /> <CartesianGrid strokeDasharray="3 3" stroke="hsl(var(--border))" />
<XAxis dataKey="time" stroke="hsl(var(--muted-foreground))" /> <XAxis dataKey="time" stroke="hsl(var(--foreground))" tick={{ fill: "hsl(var(--foreground))" }} />
<YAxis <YAxis
stroke="hsl(var(--muted-foreground))" stroke="hsl(var(--foreground))"
label={{ value: "MB", angle: -90, position: "insideLeft" }} tick={{ fill: "hsl(var(--foreground))" }}
label={{ value: "MB", angle: -90, position: "insideLeft", fill: "hsl(var(--foreground))" }}
/> />
<Tooltip <Tooltip
contentStyle={{ backgroundColor: "hsl(var(--background))", border: "1px solid hsl(var(--border))" }} contentStyle={{ backgroundColor: "hsl(var(--background))", border: "1px solid hsl(var(--border))" }}
@ -180,10 +189,11 @@ export function MetricsView({ vmid, vmName, vmType, metricType, onBack }: Metric
<ResponsiveContainer width="100%" height={400}> <ResponsiveContainer width="100%" height={400}>
<LineChart data={data}> <LineChart data={data}>
<CartesianGrid strokeDasharray="3 3" stroke="hsl(var(--border))" /> <CartesianGrid strokeDasharray="3 3" stroke="hsl(var(--border))" />
<XAxis dataKey="time" stroke="hsl(var(--muted-foreground))" /> <XAxis dataKey="time" stroke="hsl(var(--foreground))" tick={{ fill: "hsl(var(--foreground))" }} />
<YAxis <YAxis
stroke="hsl(var(--muted-foreground))" stroke="hsl(var(--foreground))"
label={{ value: "MB", angle: -90, position: "insideLeft" }} tick={{ fill: "hsl(var(--foreground))" }}
label={{ value: "MB", angle: -90, position: "insideLeft", fill: "hsl(var(--foreground))" }}
/> />
<Tooltip <Tooltip
contentStyle={{ backgroundColor: "hsl(var(--background))", border: "1px solid hsl(var(--border))" }} contentStyle={{ backgroundColor: "hsl(var(--background))", border: "1px solid hsl(var(--border))" }}