Refactor Live Network Traffic section for improved structure and spacing

This commit is contained in:
2026-02-02 19:06:59 -05:00
parent 1db8d0a9e9
commit 4b83e3ae39

View File

@@ -1237,12 +1237,13 @@
</div>
</div>
</div>
</div>
<!-- Live Network Traffic (Full Width) -->
<div wire:ignore class="bg-background-secondary border border-neutral rounded-xl p-6 h-full w-full mt-0">
<div class="flex items-center justify-between mb-4">
<div>
<div class="flex items-center gap-2 min-w-0">
<!-- Live Network Traffic (Full Width) -->
<div wire:ignore class="bg-background-secondary border border-neutral rounded-xl p-6 w-full mt-8">
<div class="flex items-center justify-between mb-4">
<div>
<div class="flex items-center gap-2 min-w-0">
<h3 class="text-lg font-semibold flex items-center gap-2">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
@@ -1325,15 +1326,17 @@
</button>
</div>
</div>
<!-- Network Traffic Sections -->
<div id="network-traffic-container" data-live-traffic-endpoint="{{ route('proxmox.server.live-traffic', $server) }}">
<!-- Initial placeholder; replaced on first successful poll -->
<div class="border border-dashed border-neutral/40 rounded-lg p-6 text-center">
<p class="text-sm text-base/60">Loading live network statistics…</p>
</div>
</div>
</div>
</div>
<!-- Network Traffic Sections -->
<div id="network-traffic-container" data-live-traffic-endpoint="{{ route('proxmox.server.live-traffic', $server) }}">
<!-- Initial placeholder; replaced on first successful poll -->
<div class="border border-dashed border-neutral/40 rounded-lg p-6 text-center">
<p class="text-sm text-base/60">Loading live network statistics…</p>
</div>
</div>
</div>