Update modal temperature

This commit is contained in:
MacRimi
2026-02-13 19:40:22 +01:00
parent 9b48c498f5
commit e4a57b97b7
2 changed files with 11 additions and 9 deletions

View File

@@ -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>

View File

@@ -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}°`}