chore: Update modal styles for better user experience
This commit is contained in:
		@@ -48,7 +48,7 @@
 | 
				
			|||||||
    @endif
 | 
					    @endif
 | 
				
			||||||
    <template x-teleport="body">
 | 
					    <template x-teleport="body">
 | 
				
			||||||
        <div x-show="modalOpen"
 | 
					        <div x-show="modalOpen"
 | 
				
			||||||
            class="fixed top-0 lg:pt-10 left-0 z-[99] flex items-start justify-center w-screen h-screen" x-cloak>
 | 
					            class="fixed top-0 lg:pt-10 left-0 z-[99] flex items-start justify-center w-screen h-screen" style="zoom:1.1;" x-cloak>
 | 
				
			||||||
            <div x-show="modalOpen" x-transition:enter="ease-out duration-100" x-transition:enter-start="opacity-0"
 | 
					            <div x-show="modalOpen" x-transition:enter="ease-out duration-100" x-transition:enter-start="opacity-0"
 | 
				
			||||||
                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" @click="modalOpen=false"
 | 
					                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click="modalOpen=false"
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -22,7 +22,7 @@
 | 
				
			|||||||
        @endif
 | 
					        @endif
 | 
				
			||||||
    @endif
 | 
					    @endif
 | 
				
			||||||
    <template x-teleport="body">
 | 
					    <template x-teleport="body">
 | 
				
			||||||
        <div x-show="modalOpen" class="fixed top-0 left-0 lg:px-0 px-4 z-[99] flex items-center justify-center w-screen h-screen"
 | 
					        <div x-show="modalOpen" class="fixed top-0 left-0 lg:px-0 px-4 z-[99] flex items-center justify-center w-screen h-screen" style="zoom:1.1;"
 | 
				
			||||||
            x-cloak>
 | 
					            x-cloak>
 | 
				
			||||||
            <div x-show="modalOpen" x-transition:enter="ease-out duration-100" x-transition:enter-start="opacity-0"
 | 
					            <div x-show="modalOpen" x-transition:enter="ease-out duration-100" x-transition:enter-start="opacity-0"
 | 
				
			||||||
                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"
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -9,7 +9,7 @@
 | 
				
			|||||||
            @endif
 | 
					            @endif
 | 
				
			||||||
        </x-modal-input>
 | 
					        </x-modal-input>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
    <div class="flex flex-wrap gap-2 pt-4">
 | 
					    <div class="flex flex-col flex-wrap gap-2 pt-4">
 | 
				
			||||||
        @forelse($resource->scheduled_tasks as $task)
 | 
					        @forelse($resource->scheduled_tasks as $task)
 | 
				
			||||||
            @if ($resource->type() == 'application')
 | 
					            @if ($resource->type() == 'application')
 | 
				
			||||||
                <a class="box"
 | 
					                <a class="box"
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -29,7 +29,7 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
            <template x-teleport="body">
 | 
					            <template x-teleport="body">
 | 
				
			||||||
                <div x-show="modalOpen"
 | 
					                <div x-show="modalOpen"
 | 
				
			||||||
                    class="fixed top-0 lg:pt-10 left-0 z-[99] flex items-start justify-center w-screen h-screen"
 | 
					                    class="fixed top-0 lg:pt-10 left-0 z-[99] flex items-start justify-center w-screen h-screen" style="zoom:1.1;"
 | 
				
			||||||
                    x-cloak>
 | 
					                    x-cloak>
 | 
				
			||||||
                    <div x-show="modalOpen" x-transition:enter="ease-out duration-100"
 | 
					                    <div x-show="modalOpen" x-transition:enter="ease-out duration-100"
 | 
				
			||||||
                        x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
 | 
					                        x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user