Update hardware.tsx

This commit is contained in:
MacRimi
2025-10-17 19:34:35 +02:00
parent 9d286d8378
commit c4beb9ae4d

View File

@@ -636,7 +636,7 @@ export default function Hardware() {
<div <div
key={index} key={index}
onClick={() => handleGPUClick(gpu)} onClick={() => handleGPUClick(gpu)}
className="cursor-pointer rounded-lg border border-white/10 bg-white/5 hover:bg-white/10 dark:bg-white/5 dark:hover:bg-white/10 p-4 transition-colors" className="cursor-pointer rounded-lg border border-white/10 sm:border-border bg-white/5 sm:bg-card sm:hover:bg-white/5 p-4 transition-colors"
> >
<div className="mb-3 flex items-center justify-between"> <div className="mb-3 flex items-center justify-between">
<span className="font-medium text-sm">{gpu.name}</span> <span className="font-medium text-sm">{gpu.name}</span>
@@ -1021,7 +1021,7 @@ export default function Hardware() {
<div <div
key={index} key={index}
onClick={() => setSelectedPCIDevice(device)} onClick={() => setSelectedPCIDevice(device)}
className="cursor-pointer rounded-lg border border-white/10 bg-white/5 hover:bg-white/10 dark:bg-white/5 dark:hover:bg-white/10 p-3 transition-colors" className="cursor-pointer rounded-lg border border-white/10 sm:border-border bg-white/5 sm:bg-card sm:hover:bg-white/5 p-3 transition-colors"
> >
<div className="flex items-center justify-between gap-2 mb-2"> <div className="flex items-center justify-between gap-2 mb-2">
<Badge className={`${getDeviceTypeColor(device.type)} text-xs shrink-0`}>{device.type}</Badge> <Badge className={`${getDeviceTypeColor(device.type)} text-xs shrink-0`}>{device.type}</Badge>
@@ -1210,7 +1210,7 @@ export default function Hardware() {
<div <div
key={index} key={index}
onClick={() => setSelectedUPS(ups)} onClick={() => setSelectedUPS(ups)}
className="cursor-pointer rounded-lg border border-white/10 bg-white/5 hover:bg-white/10 dark:bg-white/5 dark:hover:bg-white/10 p-4 transition-colors" className="cursor-pointer rounded-lg border border-white/10 sm:border-border bg-white/5 sm:bg-card sm:hover:bg-white/5 p-4 transition-colors"
> >
<div className="flex items-center justify-between mb-4"> <div className="flex items-center justify-between mb-4">
<div className="flex-1 min-w-0"> <div className="flex-1 min-w-0">
@@ -1480,7 +1480,7 @@ export default function Hardware() {
<div <div
key={index} key={index}
onClick={() => setSelectedNetwork(device)} onClick={() => setSelectedNetwork(device)}
className="cursor-pointer rounded-lg border border-white/10 bg-white/5 hover:bg-white/10 dark:bg-white/5 dark:hover:bg-white/10 p-3 transition-colors" className="cursor-pointer rounded-lg border border-white/10 sm:border-border bg-white/5 sm:bg-card sm:hover:bg-white/5 p-3 transition-colors"
> >
<div className="flex items-center justify-between gap-2 mb-1"> <div className="flex items-center justify-between gap-2 mb-1">
<span className="text-sm font-medium line-clamp-2 break-words flex-1">{device.device}</span> <span className="text-sm font-medium line-clamp-2 break-words flex-1">{device.device}</span>
@@ -1563,7 +1563,7 @@ export default function Hardware() {
<div <div
key={index} key={index}
onClick={() => setSelectedDisk(device)} onClick={() => setSelectedDisk(device)}
className="cursor-pointer rounded-lg border border-white/10 bg-white/5 hover:bg-white/10 dark:bg-white/5 dark:hover:bg-white/10 p-3 transition-colors" className="cursor-pointer rounded-lg border border-white/10 sm:border-border bg-white/5 sm:bg-card sm:hover:bg-white/5 p-3 transition-colors"
> >
<div className="flex items-center justify-between gap-2 mb-2"> <div className="flex items-center justify-between gap-2 mb-2">
<span className="text-sm font-medium truncate flex-1">{device.name}</span> <span className="text-sm font-medium truncate flex-1">{device.name}</span>