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

refactor: update server listing layout and styling to align with TailServer theme

Browse Source
This commit is contained in:
Joseph.Rawlings
2025-12-17 14:44:34 -05:00
parent b77af9e831
commit dbf228b37c
1 changed files with 13 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
extensions/Servers/Proxmox/views/index.blade.php
View File

@@ -1,26 +1,22 @@
{{-- Server Listing - AdminLTE Theme --}} {{-- Server Listing - TailServer Theme --}}
<div class="flex flex-col flex-1" style="min-height: calc(100vh - 30rem);"> <div class="flex flex-col flex-1" style="min-height: calc(100vh - 30rem);">
{{-- Page Header --}} {{-- Page Header --}}
<div class="flex items-center gap-3 mb-4"> <x-proxmox::ui.section-header
<div class="flex items-center gap-2"> title="Servers"
<h2 class="text-lg font-semibold text-gray-800 dark:text-gray-100">Servers</h2> icon="ri-server-line"
</div> subtitle="Manage your virtual private servers"
</div> />
{{-- Server Cards --}} {{-- Server Cards Grid --}}
<div class="flex flex-col gap-3 flex-1"> <div class="flex flex-col gap-4 flex-1 mt-4">
@forelse($servers as $server) @forelse($servers as $server)
<livewire:proxmox.server :server="$server" wire:key="proxmox-server-{{ $server->id }}" lazy /> <livewire:proxmox.server :server="$server" wire:key="proxmox-server-{{ $server->id }}" lazy />
@empty @empty
<x-proxmox::ui.card> <x-proxmox::ui.empty-state
<div class="flex flex-col items-center justify-center text-center py-8"> title="No Servers Found"
<div class="lte-info-box-icon lte-bg-light rounded-full mb-3" style="width: 48px; height: 48px;"> description="You don't have any servers yet. Purchase a server to get started."
<x-ri-server-line class="size-6 lte-text-muted" /> icon="ri-server-line"
</div> />
<h3 class="text-base font-semibold text-gray-700 dark:text-gray-300 mb-1">No Servers Found</h3>
<p class="text-sm text-gray-500 dark:text-gray-400">You don't have any servers yet. Purchase a server to get started.</p>
</div>
</x-proxmox::ui.card>
@endforelse @endforelse
</div> </div>
</div> </div>