Joseph.Rawlings/Virtnet.bond
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Refactor Proxmox server views for improved layout and styling

Browse Source 
- Updated server card component to use a more compact layout with adjusted spacing and styling.
- Enhanced server status display with improved icon sizes and colors.
- Modified quick info row to use smaller text and adjusted labels for clarity.
- Refined server configuration grid for better alignment and spacing.
- Updated modal z-index values for consistent layering across various modals in statistics, storage, subdomain, and system views.
- General styling improvements for better readability and user experience.
This commit is contained in:
Joseph.Rawlings
2025-12-17 14:36:53 -05:00
parent 7794570770
commit a90aba582d
13 changed files with 517 additions and 865 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
extensions/Servers/Proxmox/views/storage.blade.php
View File

@@ -393,7 +393,7 @@
<!-- Add Drive Modal -->
@if($showAddDriveModal)
<div class="fixed inset-0 z-50 overflow-y-auto" x-data x-init="$el.querySelector('input')?.focus()">
<div class="fixed inset-0 z-[60] overflow-y-auto" x-data x-init="$el.querySelector('input')?.focus()">
<div class="fixed inset-0 bg-black/50 backdrop-blur-sm" wire:click="closeAddDriveModal"></div>
<div class="relative min-h-screen flex items-center justify-center p-4">
<div class="relative w-full max-w-lg bg-background-secondary rounded-xl border border-neutral/20 shadow-2xl">
@@ -519,7 +519,7 @@
<!-- Edit Drive Modal -->
@if($showEditDriveModal && $editingDriveKey && isset($drives[$editingDriveKey]))
@php $editDrive = $drives[$editingDriveKey]; @endphp
<div class="fixed inset-0 z-50 overflow-y-auto">
<div class="fixed inset-0 z-[60] overflow-y-auto">
<div class="fixed inset-0 bg-black/50 backdrop-blur-sm" wire:click="closeEditDriveModal"></div>
<div class="relative min-h-screen flex items-center justify-center p-4">
<div class="relative w-full max-w-lg bg-background-secondary rounded-xl border border-neutral/20 shadow-2xl">
@@ -620,7 +620,7 @@
<!-- Change Device Bus Modal -->
@if($showMoveDriveModal && $movingDriveKey && isset($drives[$movingDriveKey]))
@php $moveDrive = $drives[$movingDriveKey]; @endphp
<div class="fixed inset-0 z-50 overflow-y-auto">
<div class="fixed inset-0 z-[60] overflow-y-auto">
<div class="fixed inset-0 bg-black/50 backdrop-blur-sm" wire:click="closeMoveDriveModal"></div>
<div class="relative min-h-screen flex items-center justify-center p-4">
<div class="relative w-full max-w-lg bg-background-secondary rounded-xl border border-neutral/20 shadow-2xl">
@@ -685,7 +685,7 @@
<!-- Detach Drive Confirmation Modal -->
@if($showDetachModal && $detachingDriveKey && isset($drives[$detachingDriveKey]))
@php $detachDrive = $drives[$detachingDriveKey]; @endphp
<div class="fixed inset-0 z-50 overflow-y-auto">
<div class="fixed inset-0 z-[60] overflow-y-auto">
<div class="fixed inset-0 bg-black/50 backdrop-blur-sm" wire:click="closeDetachModal"></div>
<div class="relative min-h-screen flex items-center justify-center p-4">
<div class="relative w-full max-w-md bg-background-secondary rounded-xl border border-neutral/20 shadow-2xl">
@@ -747,7 +747,7 @@
<!-- Delete Drive Confirmation Modal -->
@if($showDeleteModal && $deletingDriveKey && isset($drives[$deletingDriveKey]))
@php $deleteDrive = $drives[$deletingDriveKey]; @endphp
<div class="fixed inset-0 z-50 overflow-y-auto">
<div class="fixed inset-0 z-[60] overflow-y-auto">
<div class="fixed inset-0 bg-black/50 backdrop-blur-sm" wire:click="closeDeleteModal"></div>
<div class="relative min-h-screen flex items-center justify-center p-4">
<div class="relative w-full max-w-md bg-background-secondary rounded-xl border border-neutral/20 shadow-2xl">
@@ -808,7 +808,7 @@
<!-- Reattach Drive Modal -->
@if($showReattachModal)
<div class="fixed inset-0 z-50 overflow-y-auto">
<div class="fixed inset-0 z-[60] overflow-y-auto">
<div class="fixed inset-0 bg-black/50 transition-opacity"></div>
<div class="flex min-h-full items-center justify-center p-4">
<div class="relative w-full max-w-lg transform overflow-hidden rounded-xl bg-background border border-neutral shadow-xl transition-all">