dave/coolify
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

refactor(activity-monitor): enhance layout responsiveness by adjusting class bindings and structure for better display

Browse Source
This commit is contained in:
Andras Bacsai
2025-05-30 13:35:16 +02:00
parent 393d6f7669
commit f1e324e129
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
resources/views/livewire/activity-monitor.blade.php
View File

@@ -1,8 +1,11 @@
@php use App\Actions\CoolifyTask\RunRemoteProcess; @endphp @php use App\Actions\CoolifyTask\RunRemoteProcess; @endphp
<div class="h-full"> <div @class([
'h-full flex flex-col overflow-hidden' => $fullHeight,
'h-full overflow-hidden' => !$fullHeight,
])>
@if ($activity) @if ($activity)
@if (isset($header)) @if (isset($header))
<div class="flex gap-2 pb-2"> <div class="flex gap-2 pb-2 flex-shrink-0">
<h3>{{ $header }}</h3> <h3>{{ $header }}</h3>
@if ($isPollingActive) @if ($isPollingActive)
<x-loading /> <x-loading />
@@ -10,15 +13,17 @@
</div> </div>
@endif @endif
<div @class([ <div @class([
'flex flex-col-reverse w-full px-4 py-2 overflow-y-auto bg-white border border-solid rounded-sm dark:text-white dark:bg-coolgray-100 scrollbar border-neutral-300 dark:border-coolgray-300', 'flex flex-col w-full px-4 py-2 overflow-y-auto bg-white border border-solid rounded-sm dark:text-white dark:bg-coolgray-100 scrollbar border-neutral-300 dark:border-coolgray-300',
'h-full' => $fullHeight, 'flex-1 min-h-0' => $fullHeight,
'max-h-96' => !$fullHeight, 'max-h-96' => !$fullHeight,
])> ])>
<pre class="font-mono whitespace-pre-wrap" @if ($isPollingActive) wire:poll.1000ms="polling" @endif>{{ RunRemoteProcess::decodeOutput($activity) }}</pre> <pre class="font-mono whitespace-pre-wrap" @if ($isPollingActive) wire:poll.1000ms="polling" @endif>{{ RunRemoteProcess::decodeOutput($activity) }}</pre>
</div> </div>
@else @else
@if ($showWaiting) @if ($showWaiting)
<x-loading text="Waiting..." /> <div class="flex justify-start">
<x-loading text="Waiting..." />
</div>
@endif @endif
@endif @endif
</div> </div>