Update colors (#891)

This commit is contained in:
Charles 2025-01-07 21:11:05 -05:00 committed by GitHub
parent c93a836ad8
commit b14e8fd724
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 12 additions and 13 deletions

View File

@ -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' }}"

View File

@ -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>