diff --git a/resources/css/app.css b/resources/css/app.css index 72302ad6c6..f55b9237b1 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -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; } diff --git a/resources/views/livewire/project/application/deployment/show.blade.php b/resources/views/livewire/project/application/deployment/show.blade.php index b99a2c781b..4b23b18e3f 100644 --- a/resources/views/livewire/project/application/deployment/show.blade.php +++ b/resources/views/livewire/project/application/deployment/show.blade.php @@ -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'">