chore: Update modal styles for better user experience
This commit is contained in:
		@@ -48,7 +48,7 @@
 | 
			
		||||
    @endif
 | 
			
		||||
    <template x-teleport="body">
 | 
			
		||||
        <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"
 | 
			
		||||
                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"
 | 
			
		||||
 
 | 
			
		||||
@@ -22,7 +22,7 @@
 | 
			
		||||
        @endif
 | 
			
		||||
    @endif
 | 
			
		||||
    <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>
 | 
			
		||||
            <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"
 | 
			
		||||
 
 | 
			
		||||
@@ -9,7 +9,7 @@
 | 
			
		||||
            @endif
 | 
			
		||||
        </x-modal-input>
 | 
			
		||||
    </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)
 | 
			
		||||
            @if ($resource->type() == 'application')
 | 
			
		||||
                <a class="box"
 | 
			
		||||
 
 | 
			
		||||
@@ -29,7 +29,7 @@
 | 
			
		||||
 | 
			
		||||
            <template x-teleport="body">
 | 
			
		||||
                <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>
 | 
			
		||||
                    <div x-show="modalOpen" x-transition:enter="ease-out duration-100"
 | 
			
		||||
                        x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user