Shiloh/lasthourcloud
Shiloh/lasthourcloud
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Refactor modal-input.blade.php and navbar.blade.php to improve code readability and maintainability

Browse Source
This commit is contained in:
Andras Bacsai 2024-04-16 12:41:44 +02:00
parent faa1120e14
commit f871353acc
3 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
resources/views/components/modal-input.blade.php
View File

@ -5,6 +5,7 @@
'disabled' => false, 'disabled' => false,
'action' => 'delete', 'action' => 'delete',
'content' => null, 'content' => null,
'closeOutside' => true
]) ])
<div x-data="{ modalOpen: false }" :class="{ 'z-40': modalOpen }" @keydown.window.escape="modalOpen=false" class="relative w-auto h-auto"> <div x-data="{ modalOpen: false }" :class="{ 'z-40': modalOpen }" @keydown.window.escape="modalOpen=false" class="relative w-auto h-auto">
@if ($content) @if ($content)
@ -27,7 +28,7 @@
x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-100" 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" 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> 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-start="opacity-0 -translate-y-2 sm:scale-95"
x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave="ease-in duration-100" x-transition:leave="ease-in duration-100"

2
resources/views/livewire/project/service/navbar.blade.php
View File

@ -3,7 +3,7 @@
<x-slide-over @startservice.window="slideOverOpen = true" closeWithX fullScreen> <x-slide-over @startservice.window="slideOverOpen = true" closeWithX fullScreen>
<x-slot:title>Service Startup</x-slot:title> <x-slot:title>Service Startup</x-slot:title>
<x-slot:content> <x-slot:content>
<livewire:activity-monitor header="Logs" showWaiting /> <livewire:activity-monitor header="Logs" showWaiting fullHeight />
</x-slot:content> </x-slot:content>
</x-slide-over> </x-slide-over>
<h1>Configuration</h1> <h1>Configuration</h1>

2
resources/views/livewire/project/service/stack-form.blade.php
View File

@ -3,7 +3,7 @@
<div class="flex gap-2"> <div class="flex gap-2">
<h2>Service Stack</h2> <h2>Service Stack</h2>
<x-forms.button type="submit">Save</x-forms.button> <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 }}" /> <livewire:project.service.edit-compose serviceId="{{ $service->id }}" />
</x-modal-input> </x-modal-input>
</div> </div>