From f871353accb50b2663a88b9d53e9d8c4f5a85bd9 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Tue, 16 Apr 2024 12:41:44 +0200
Subject: [PATCH] Refactor modal-input.blade.php and navbar.blade.php to
 improve code readability and maintainability

---
 resources/views/components/modal-input.blade.php              | 3 ++-
 resources/views/livewire/project/service/navbar.blade.php     | 2 +-
 resources/views/livewire/project/service/stack-form.blade.php | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/resources/views/components/modal-input.blade.php b/resources/views/components/modal-input.blade.php
index b0747d4a9..13331736f 100644
--- a/resources/views/components/modal-input.blade.php
+++ b/resources/views/components/modal-input.blade.php
@@ -5,6 +5,7 @@
     'disabled' => false,
     'action' => 'delete',
     'content' => null,
+    'closeOutside' => true
 ])
 <div x-data="{ modalOpen: false }" :class="{ 'z-40': modalOpen }" @keydown.window.escape="modalOpen=false" class="relative w-auto h-auto">
     @if ($content)
@@ -27,7 +28,7 @@
                 x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-100"
                 x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
                 class="absolute inset-0 w-full h-full bg-black bg-opacity-20 backdrop-blur-sm"></div>
-            <div x-show="modalOpen" x-trap.inert.noscroll="modalOpen" @click.outside="modalOpen=false" x-transition:enter="ease-out duration-100"
+            <div x-show="modalOpen" x-trap.inert.noscroll="modalOpen"  @if ($closeOutside) @click.outside="modalOpen=false" @endif x-transition:enter="ease-out duration-100"
                 x-transition:enter-start="opacity-0 -translate-y-2 sm:scale-95"
                 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
                 x-transition:leave="ease-in duration-100"
diff --git a/resources/views/livewire/project/service/navbar.blade.php b/resources/views/livewire/project/service/navbar.blade.php
index f716b54f6..711f075d1 100644
--- a/resources/views/livewire/project/service/navbar.blade.php
+++ b/resources/views/livewire/project/service/navbar.blade.php
@@ -3,7 +3,7 @@
     <x-slide-over @startservice.window="slideOverOpen = true" closeWithX fullScreen>
         <x-slot:title>Service Startup</x-slot:title>
         <x-slot:content>
-            <livewire:activity-monitor header="Logs" showWaiting />
+            <livewire:activity-monitor header="Logs" showWaiting fullHeight />
         </x-slot:content>
     </x-slide-over>
     <h1>Configuration</h1>
diff --git a/resources/views/livewire/project/service/stack-form.blade.php b/resources/views/livewire/project/service/stack-form.blade.php
index 0eaa4863d..4adb684f9 100644
--- a/resources/views/livewire/project/service/stack-form.blade.php
+++ b/resources/views/livewire/project/service/stack-form.blade.php
@@ -3,7 +3,7 @@
         <div class="flex gap-2">
             <h2>Service Stack</h2>
             <x-forms.button type="submit">Save</x-forms.button>
-            <x-modal-input buttonTitle="Edit Compose File" title="Docker Compose">
+            <x-modal-input buttonTitle="Edit Compose File" title="Edit Docker Compose" :closeOutside="false">
                 <livewire:project.service.edit-compose serviceId="{{ $service->id }}" />
             </x-modal-input>
         </div>