banquise/pelican-panel-mirror
3
0
Fork 1
mirror of https://github.com/pelican-dev/panel.git synced 2025-05-20 11:04:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

Server Listing tweaks. (#760)

Browse Source 
* Server Listing tweaks.

* Use filament::icon instead of raw svg & add hover title

---------

Co-authored-by: RMartinOscar <40749467+RMartinOscar@users.noreply.github.com>
This commit is contained in:
Charles 2024-12-05 08:34:47 -05:00 committed by GitHub
parent 8103ba6338
commit 066bdbdf78
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 42 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
resources/views/tables/columns/server-entry-column.blade.php
View File

@ -1,5 +1,14 @@
<div class="w-full grid gap-y-2"> <head>
<div class="flex items-center gap-x-2"> <style>
.inline-flex {
display: inline-flex;
align-items: center;
gap: 0.75rem;
}
</style>
</head>
<div class="w-full grid gap-y-2 overflow-x-auto">
<div class="flex items-center gap-x-1">
<x-filament::icon-button <x-filament::icon-button
:icon="$getRecord()->conditionIcon()" :icon="$getRecord()->conditionIcon()"
:color="$getRecord()->conditionColor()" :color="$getRecord()->conditionColor()"
@ -12,26 +21,45 @@
</div> </div>
<div class="flex"> <div class="flex">
<div class="flex-1 text-sm font-medium text-gray-850 dark:text-white"> <div class="flex-1 text-md font-medium text-gray-850 dark:text-white inline-flex" title="Egg Name">
<strong>Allocation:</strong> {{ $getRecord()->allocation->address }} <x-filament::icon
icon="tabler-egg"
/>
{{ $getRecord()->egg->name }}
</div> </div>
<div class="flex-1 text-sm font-medium text-gray-850 dark:text-white"> <div class="flex-1 text-md font-medium text-gray-850 dark:text-white inline-flex" title="Owner">
<strong>Egg:</strong> {{ $getRecord()->egg->name }} <x-filament::icon
icon="tabler-user"
/>
{{ $getRecord()->user->username }}
</div> </div>
<div class="flex-1 text-sm font-medium text-gray-850 dark:text-white"> <div class="flex-1 text-md font-medium text-gray-850 dark:text-white inline-flex" title="Primary Allocation">
<strong>Owner:</strong> {{ $getRecord()->user->username }} <x-filament::icon
icon="tabler-network"
/>
{{ $getRecord()->allocation->address }}
</div> </div>
</div> </div>
<div class="flex"> <div class="flex">
<div class="flex-1 text-sm font-medium text-gray-850 dark:text-white"> <div class="flex-1 text-md font-medium text-gray-850 dark:text-white inline-flex" title="CPU Usage">
<strong>CPU:</strong> {{ $this->cpu($getRecord()) }} <x-filament::icon
icon="tabler-cpu"
/>
{{ $this->cpu($getRecord()) }}
</div> </div>
<div class="flex-1 text-sm font-medium text-gray-850 dark:text-white"> <div class="flex-1 text-md font-medium text-gray-850 dark:text-white inline-flex" title="Memory Usage">
<strong>RAM:</strong> {{ $this->memory($getRecord()) }} <x-filament::icon
icon="tabler-device-desktop-analytics"
/>
{{ $this->memory($getRecord()) }}
</div> </div>
<div class="flex-1 text-sm font-medium text-gray-850 dark:text-white"> <div class="flex-1 text-md font-medium text-gray-850 dark:text-white inline-flex" title="Disk Usage">
<strong>Disk:</strong> {{ $this->disk($getRecord()) }} <x-filament::icon
icon="tabler-packages"
/>
{{ $this->disk($getRecord()) }}
</div> </div>
</div> </div>
</div> </div>