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

View File

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