Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-11-18 03:26:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update virtual-machines.tsx

Browse Source
This commit is contained in:
MacRimi
2025-10-22 11:45:06 +02:00
parent a2301cc980
commit 7088f249a5
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
AppImage/components/virtual-machines.tsx
View File

@@ -668,7 +668,7 @@ export function VirtualMachines() {
</div> </div>
<div <div
className="sm:hidden p-4 rounded-lg border border-white/10 bg-white/5 dark:bg-white/5 transition-colors cursor-pointer" className="sm:hidden p-4 rounded-lg border border-black/10 dark:border-white/10 bg-black/5 dark:bg-white/5 transition-colors cursor-pointer"
onClick={() => handleVMClick(vm)} onClick={() => handleVMClick(vm)}
> >
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
@@ -807,7 +807,7 @@ export function VirtualMachines() {
<> <>
<div> <div>
<Card <Card
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 group" className="cursor-pointer rounded-lg border border-black/10 dark:border-white/10 sm:border-border bg-black/5 dark:bg-white/5 sm:bg-card sm:hover:bg-white/5 dark:sm:hover:bg-white/5 p-4 transition-colors group"
onClick={handleMetricsClick} onClick={handleMetricsClick}
> >
<CardContent className="p-4"> <CardContent className="p-4">
@@ -820,7 +820,7 @@ export function VirtualMachines() {
</div> </div>
<Progress <Progress
value={selectedVM.cpu * 100} value={selectedVM.cpu * 100}
className={`h-2 sm:group-hover:bg-background/50 transition-colors ${getModalProgressColor(selectedVM.cpu * 100)}`} className={`h-2 max-sm:bg-background sm:group-hover:bg-background/50 transition-colors ${getModalProgressColor(selectedVM.cpu * 100)}`}
/> />
</div> </div>
@@ -835,7 +835,7 @@ export function VirtualMachines() {
</div> </div>
<Progress <Progress
value={(selectedVM.mem / selectedVM.maxmem) * 100} value={(selectedVM.mem / selectedVM.maxmem) * 100}
className={`h-2 sm:group-hover:bg-background/50 transition-colors ${getModalProgressColor((selectedVM.mem / selectedVM.maxmem) * 100)}`} className={`h-2 max-sm:bg-background sm:group-hover:bg-background/50 transition-colors ${getModalProgressColor((selectedVM.mem / selectedVM.maxmem) * 100)}`}
/> />
</div> </div>
@@ -850,7 +850,7 @@ export function VirtualMachines() {
</div> </div>
<Progress <Progress
value={(selectedVM.disk / selectedVM.maxdisk) * 100} value={(selectedVM.disk / selectedVM.maxdisk) * 100}
className={`h-2 sm:group-hover:bg-background/50 transition-colors ${getModalProgressColor((selectedVM.disk / selectedVM.maxdisk) * 100)}`} className={`h-2 max-sm:bg-background sm:group-hover:bg-background/50 transition-colors ${getModalProgressColor((selectedVM.disk / selectedVM.maxdisk) * 100)}`}
/> />
</div> </div>
@@ -906,7 +906,7 @@ export function VirtualMachines() {
variant="outline" variant="outline"
size="sm" size="sm"
onClick={() => setShowAdditionalInfo(!showAdditionalInfo)} onClick={() => setShowAdditionalInfo(!showAdditionalInfo)}
className="text-xs bg-white/5 sm:bg-transparent sm:hover:bg-white/5" className="text-xs bg-black/5 dark:bg-white/5 sm:bg-transparent sm:hover:bg-white/5 dark:sm:hover:bg-white/5"
> >
{showAdditionalInfo ? ( {showAdditionalInfo ? (
<> <>