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

modal fix

Browse Source
This commit is contained in:
Andras Bacsai
2023-12-06 16:32:40 +01:00
parent ceedd5225f
commit e5c860319f
4 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
config/livewire-ui-modal.php
View File

@@ -37,7 +37,7 @@ return [
| 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl', '7xl' | 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl', '7xl'
*/ */
'component_defaults' => [ 'component_defaults' => [
'modal_max_width' => '2xl', 'modal_max_width' => '7xl',
'close_modal_on_click_away' => true, 'close_modal_on_click_away' => true,

3
resources/css/app.css
View File

@@ -17,6 +17,9 @@ button[isError] {
.main { .main {
@apply pt-4 pl-24 pr-10 mx-auto; @apply pt-4 pl-24 pr-10 mx-auto;
} }
.custom-modal {
@apply px-8 py-4 border bg-base-100 border-coolgray-200;
}
.label-text, .label-text,
label { label {
@apply text-neutral-400; @apply text-neutral-400;

2
resources/views/livewire/project/service/compose-modal.blade.php
View File

@@ -1,4 +1,4 @@
<form x-data="{ raw: true }" class="flex flex-col gap-2 rounded max-w-7xl modal-box" wire:submit.prevent='submit'> <form x-data="{ raw: true }" class="flex flex-col gap-2 custom-modal" wire:submit.prevent='submit'>
<div class="flex items-end gap-2"> <div class="flex items-end gap-2">
<h1>Docker Compose</h1> <h1>Docker Compose</h1>
<div x-cloak x-show="raw"> <div x-cloak x-show="raw">

3
resources/views/vendor/livewire-ui-modal/modal.blade.php vendored
View File

@@ -27,7 +27,7 @@
x-transition:leave-end="opacity-0" x-transition:leave-end="opacity-0"
class="fixed inset-0 transition-all transform" class="fixed inset-0 transition-all transform"
> >
<div class="absolute inset-0 opacity-50 bg-coolgray-200"></div> <div class="absolute inset-0 bg-black opacity-70"></div>
</div> </div>
<span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span> <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
@@ -40,7 +40,6 @@
x-transition:leave="ease-in duration-200" x-transition:leave="ease-in duration-200"
x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-bind:class="modalWidth"
class="fixed top-0 w-full overflow-hidden text-left align-bottom transition-all transform rounded-lg sm:my-8 sm:align-middle sm:w-full" class="fixed top-0 w-full overflow-hidden text-left align-bottom transition-all transform rounded-lg sm:my-8 sm:align-middle sm:w-full"
id="modal-container" id="modal-container"
x-trap.noscroll.inert="show && showActiveComponent" x-trap.noscroll.inert="show && showActiveComponent"