mirror of
https://github.com/pelican-dev/panel.git
synced 2025-05-20 19:14:45 +02:00
Update colors (#891)
This commit is contained in:
parent
c93a836ad8
commit
b14e8fd724
@ -11,14 +11,13 @@
|
|||||||
|
|
||||||
<div id="terminal" wire:ignore></div>
|
<div id="terminal" wire:ignore></div>
|
||||||
|
|
||||||
<div class="flex items-center w-full border-top overflow-hidden"
|
<div class="flex items-center w-full border-top overflow-hidden dark:bg-gray-900"
|
||||||
style="background-color: #202A32; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;">
|
style="border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;">
|
||||||
<x-filament::icon
|
<x-filament::icon
|
||||||
icon="tabler-chevrons-right"
|
icon="tabler-chevrons-right"
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
class="w-full focus:outline-none focus:ring-0 border-none"
|
class="w-full focus:outline-none focus:ring-0 border-none dark:bg-gray-900"
|
||||||
style="background-color: #202A32;"
|
|
||||||
type="text"
|
type="text"
|
||||||
:readonly="{{ $this->canSendCommand() ? 'false' : 'true' }}"
|
:readonly="{{ $this->canSendCommand() ? 'false' : 'true' }}"
|
||||||
title="{{ $this->canSendCommand() ? '' : 'Can\'t send command when the server is Offline' }}"
|
title="{{ $this->canSendCommand() ? '' : 'Can\'t send command when the server is Offline' }}"
|
||||||
|
@ -22,7 +22,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Card Component -->
|
<!-- Card Component -->
|
||||||
<div class="flex-1 bg-gray-800 text-white rounded-lg overflow-hidden p-3">
|
<div class="flex-1 bg-gray-800 dark:text-white rounded-lg overflow-hidden p-3">
|
||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
<div class="flex items-center mb-5 gap-2">
|
<div class="flex items-center mb-5 gap-2">
|
||||||
<x-filament::icon-button
|
<x-filament::icon-button
|
||||||
@ -33,32 +33,32 @@
|
|||||||
/>
|
/>
|
||||||
<h2 class="text-xl font-bold">
|
<h2 class="text-xl font-bold">
|
||||||
{{ $server->name }}
|
{{ $server->name }}
|
||||||
<span class="text-gray-400">({{ $server->formatResource('uptime', type: ServerResourceType::Time) }})</span>
|
<span class="dark:text-gray-400">({{ $server->formatResource('uptime', type: ServerResourceType::Time) }})</span>
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Resource Usage -->
|
<!-- Resource Usage -->
|
||||||
<div class="flex justify-between text-center">
|
<div class="flex justify-between text-center">
|
||||||
<div>
|
<div>
|
||||||
<p class="text-sm text-gray-400">CPU</p>
|
<p class="text-sm dark:text-gray-400">CPU</p>
|
||||||
<p class="text-md font-semibold">{{ $server->formatResource('cpu_absolute', type: ServerResourceType::Percentage) }}</p>
|
<p class="text-md font-semibold">{{ $server->formatResource('cpu_absolute', type: ServerResourceType::Percentage) }}</p>
|
||||||
<hr class="p-0.5">
|
<hr class="p-0.5">
|
||||||
<p class="text-xs text-gray-400">{{ $server->formatResource('cpu', type: ServerResourceType::Percentage, limit: true) }}</p>
|
<p class="text-xs dark:text-gray-400">{{ $server->formatResource('cpu', type: ServerResourceType::Percentage, limit: true) }}</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<p class="text-sm text-gray-400">Memory</p>
|
<p class="text-sm dark:text-gray-400">Memory</p>
|
||||||
<p class="text-md font-semibold">{{ $server->formatResource('memory_bytes') }}</p>
|
<p class="text-md font-semibold">{{ $server->formatResource('memory_bytes') }}</p>
|
||||||
<hr class="p-0.5">
|
<hr class="p-0.5">
|
||||||
<p class="text-xs text-gray-400">{{ $server->formatResource('memory', limit: true) }}</p>
|
<p class="text-xs dark:text-gray-400">{{ $server->formatResource('memory', limit: true) }}</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<p class="text-sm text-gray-400">Disk</p>
|
<p class="text-sm dark:text-gray-400">Disk</p>
|
||||||
<p class="text-md font-semibold">{{ $server->formatResource('disk_bytes') }}</p>
|
<p class="text-md font-semibold">{{ $server->formatResource('disk_bytes') }}</p>
|
||||||
<hr class="p-0.5">
|
<hr class="p-0.5">
|
||||||
<p class="text-xs text-gray-400">{{ $server->formatResource('disk', limit: true) }}</p>
|
<p class="text-xs dark:text-gray-400">{{ $server->formatResource('disk', limit: true) }}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="hidden sm:block">
|
<div class="hidden sm:block">
|
||||||
<p class="text-sm text-gray-400">Network</p>
|
<p class="text-sm dark:text-gray-400">Network</p>
|
||||||
<p class="text-md font-semibold">{{ $server->allocation->address }} </p>
|
<p class="text-md font-semibold">{{ $server->allocation->address }} </p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user