starred/coolify
1
0
Fork 0
mirror of https://github.com/coollabsio/coolify.git synced 2026-11-06 13:10:37 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix(logs): show fullscreen logs above the sidebar and topbar

Browse Source
This commit is contained in:
Andras Bacsai
2026-10-23 12:34:20 +02:00
parent 95d796e922
commit 717a915485
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/app.css
+3
View File
@@ -3853,12 +3853,15 @@ input[type="search"]::-webkit-search-results-decoration {
/* Shared logs viewer (deployment + runtime) — mobile-first toolbar
Mobile stacks: search → meta → full-width actions (no side-by-side overlap). */
/* Same border as the application settings cards (--card-border). */
.logs-viewer {
border-color: rgb(0 0 0 / 9%);
background: var(--coollabs-base);
color: #262626;
}
.dark .logs-viewer {
border-color: rgb(255 255 255 / 8%);
background: var(--color-log);
color: #f5f5f5;
}
resources/views/livewire/project/application/deployment/show.blade.php
+4 -2
View File
@@ -282,11 +282,13 @@
this.deploymentFinishedCleanup = null;
}
}
}" @keydown.window="handleFindShortcut($event)" class="flex h-[calc(100dvh-8rem)] min-h-[32rem] w-full min-w-0 flex-col overflow-hidden xl:h-[32rem] xl:min-h-0 xl:flex-none 2xl:sticky 2xl:top-4 2xl:h-[calc(100dvh-10rem)] 2xl:min-h-[32rem]">
}" @keydown.window="handleFindShortcut($event)" class="flex h-[calc(100dvh-8rem)] min-h-[32rem] w-full min-w-0 flex-col overflow-hidden xl:h-[32rem] xl:min-h-0 xl:flex-none 2xl:h-[calc(100dvh-10rem)] 2xl:min-h-[32rem]"
{{-- A sticky parent is a stacking context: drop it so the fullscreen logs cover the sidebar and topbar. --}}
:class="fullscreen ? '' : '2xl:sticky 2xl:top-4'">
<div id="screen" :class="fullscreen ? 'fullscreen flex flex-col' : 'mt-2 flex flex-1 min-h-0 flex-col overflow-hidden lg:mt-0'">
<div @if ($isKeepAliveOn) wire:poll.2000ms="polling" @endif
class="logs-viewer flex min-h-0 w-full flex-col overflow-hidden bg-white text-neutral-800 dark:bg-log dark:text-neutral-100"
:class="fullscreen ? 'h-full' : 'flex-1 rounded-xl border border-neutral-200 shadow-sm dark:border-coolgray-200'">
:class="fullscreen ? 'h-full' : 'flex-1 rounded-xl border shadow-sm'">
<div class="runtime-log-toolbar logs-viewer-toolbar">
@php
$deploymentStatus = data_get($application_deployment_queue, 'status');