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

Update virtual-machines.tsx

Browse Source
This commit is contained in:
MacRimi
2025-10-17 18:10:12 +02:00
parent 18f97f9df2
commit bc8a6847e3
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -501,12 +501,11 @@ export function VirtualMachines() {
const lxcIP = vm.type === "lxc" ? vmConfigs[vm.vmid] : null const lxcIP = vm.type === "lxc" ? vmConfigs[vm.vmid] : null
return ( return (
<div <div key={vm.vmid}>
key={vm.vmid} <div
className="p-4 rounded-lg border-2 border-accent/20 bg-accent/10 hover:bg-accent/20 transition-colors cursor-pointer" className="hidden sm:block p-4 rounded-lg border border-border bg-card hover:bg-muted/50 transition-colors cursor-pointer"
onClick={() => handleVMClick(vm)} onClick={() => handleVMClick(vm)}
> >
<div className="hidden sm:block">
<div className="flex items-center gap-2 flex-wrap mb-3"> <div className="flex items-center gap-2 flex-wrap mb-3">
<Badge variant="outline" className={`text-xs flex-shrink-0 ${getStatusColor(vm.status)}`}> <Badge variant="outline" className={`text-xs flex-shrink-0 ${getStatusColor(vm.status)}`}>
{getStatusIcon(vm.status)} {getStatusIcon(vm.status)}
@@ -592,7 +591,10 @@ export function VirtualMachines() {
</div> </div>
</div> </div>
<div className="sm:hidden"> <div
className="sm:hidden p-4 rounded-lg border border-border bg-muted/50 transition-colors cursor-pointer"
onClick={() => handleVMClick(vm)}
>
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
{/* Status circle with play/stop icon */} {/* Status circle with play/stop icon */}
<div <div