mirror of
https://github.com/MacRimi/ProxMenux.git
synced 2026-02-18 16:36:27 +00:00
Update modal temperature
This commit is contained in:
@@ -476,7 +476,7 @@ export function SystemOverview() {
|
|||||||
<Thermometer className="h-4 w-4 text-muted-foreground" />
|
<Thermometer className="h-4 w-4 text-muted-foreground" />
|
||||||
</CardHeader>
|
</CardHeader>
|
||||||
<CardContent>
|
<CardContent>
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center justify-between">
|
||||||
<span className="text-xl lg:text-2xl font-bold text-foreground">
|
<span className="text-xl lg:text-2xl font-bold text-foreground">
|
||||||
{systemData.temperature === 0 ? "N/A" : `${Math.round(systemData.temperature * 10) / 10}°C`}
|
{systemData.temperature === 0 ? "N/A" : `${Math.round(systemData.temperature * 10) / 10}°C`}
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -126,7 +126,7 @@ export function TemperatureDetailModal({ open, onOpenChange }: TemperatureDetail
|
|||||||
<Dialog open={open} onOpenChange={onOpenChange}>
|
<Dialog open={open} onOpenChange={onOpenChange}>
|
||||||
<DialogContent className="max-w-3xl bg-card border-border">
|
<DialogContent className="max-w-3xl bg-card border-border">
|
||||||
<DialogHeader>
|
<DialogHeader>
|
||||||
<div className="flex items-center justify-between">
|
<div className="flex items-center justify-between pr-6">
|
||||||
<DialogTitle className="text-foreground flex items-center gap-2">
|
<DialogTitle className="text-foreground flex items-center gap-2">
|
||||||
<Thermometer className="h-5 w-5" />
|
<Thermometer className="h-5 w-5" />
|
||||||
CPU Temperature
|
CPU Temperature
|
||||||
@@ -148,11 +148,11 @@ export function TemperatureDetailModal({ open, onOpenChange }: TemperatureDetail
|
|||||||
|
|
||||||
{/* Stats bar */}
|
{/* Stats bar */}
|
||||||
<div className="grid grid-cols-4 gap-3">
|
<div className="grid grid-cols-4 gap-3">
|
||||||
<div className="bg-muted/50 rounded-lg p-3 text-center">
|
<div className="bg-muted/50 rounded-lg p-3">
|
||||||
<div className="text-xs text-muted-foreground mb-1">Current</div>
|
<div className="text-xs text-muted-foreground mb-1 text-center">Current</div>
|
||||||
<div className="text-lg font-bold text-foreground flex items-center justify-center gap-1.5">
|
<div className="text-lg font-bold text-foreground flex items-center justify-between">
|
||||||
{stats.current}°C
|
<span className="flex-1 text-center">{stats.current}°C</span>
|
||||||
<Badge variant="outline" className={`${currentStatus.color} text-[10px] px-1.5 py-0`}>
|
<Badge variant="outline" className={`${currentStatus.color} text-[10px] px-1.5 py-0 flex-shrink-0`}>
|
||||||
{currentStatus.status}
|
{currentStatus.status}
|
||||||
</Badge>
|
</Badge>
|
||||||
</div>
|
</div>
|
||||||
@@ -206,7 +206,8 @@ export function TemperatureDetailModal({ open, onOpenChange }: TemperatureDetail
|
|||||||
<CartesianGrid strokeDasharray="3 3" stroke="hsl(var(--border))" opacity={0.3} />
|
<CartesianGrid strokeDasharray="3 3" stroke="hsl(var(--border))" opacity={0.3} />
|
||||||
<XAxis
|
<XAxis
|
||||||
dataKey="time"
|
dataKey="time"
|
||||||
tick={{ fill: "hsl(var(--muted-foreground))", fontSize: isMobile ? 10 : 12 }}
|
className="text-foreground"
|
||||||
|
tick={{ fill: "currentColor", fontSize: isMobile ? 10 : 12 }}
|
||||||
tickLine={false}
|
tickLine={false}
|
||||||
axisLine={{ stroke: "hsl(var(--border))" }}
|
axisLine={{ stroke: "hsl(var(--border))" }}
|
||||||
interval="preserveStartEnd"
|
interval="preserveStartEnd"
|
||||||
@@ -214,7 +215,8 @@ export function TemperatureDetailModal({ open, onOpenChange }: TemperatureDetail
|
|||||||
/>
|
/>
|
||||||
<YAxis
|
<YAxis
|
||||||
domain={[yMin, yMax]}
|
domain={[yMin, yMax]}
|
||||||
tick={{ fill: "hsl(var(--muted-foreground))", fontSize: isMobile ? 10 : 12 }}
|
className="text-foreground"
|
||||||
|
tick={{ fill: "currentColor", fontSize: isMobile ? 10 : 12 }}
|
||||||
tickLine={false}
|
tickLine={false}
|
||||||
axisLine={{ stroke: "hsl(var(--border))" }}
|
axisLine={{ stroke: "hsl(var(--border))" }}
|
||||||
tickFormatter={(v) => `${v}°`}
|
tickFormatter={(v) => `${v}°`}
|
||||||
|
|||||||
Reference in New Issue
Block a user