mirror of
https://github.com/pelican-dev/panel.git
synced 2025-05-20 12: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 class="flex items-center w-full border-top overflow-hidden"
|
||||
style="background-color: #202A32; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;">
|
||||
<div class="flex items-center w-full border-top overflow-hidden dark:bg-gray-900"
|
||||
style="border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;">
|
||||
<x-filament::icon
|
||||
icon="tabler-chevrons-right"
|
||||
/>
|
||||
<input
|
||||
class="w-full focus:outline-none focus:ring-0 border-none"
|
||||
style="background-color: #202A32;"
|
||||
class="w-full focus:outline-none focus:ring-0 border-none dark:bg-gray-900"
|
||||
type="text"
|
||||
:readonly="{{ $this->canSendCommand() ? 'false' : 'true' }}"
|
||||
title="{{ $this->canSendCommand() ? '' : 'Can\'t send command when the server is Offline' }}"
|
||||
|
@ -22,7 +22,7 @@
|
||||
</div>
|
||||
|
||||
<!-- 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 -->
|
||||
<div class="flex items-center mb-5 gap-2">
|
||||
<x-filament::icon-button
|
||||
@ -33,32 +33,32 @@
|
||||
/>
|
||||
<h2 class="text-xl font-bold">
|
||||
{{ $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>
|
||||
</div>
|
||||
|
||||
<!-- Resource Usage -->
|
||||
<div class="flex justify-between text-center">
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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 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>
|
||||
</div>
|
||||
</div>
|
||||
|
Loading…
x
Reference in New Issue
Block a user