From 8c7590a249959d217979213045fc210fef3eafb7 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Mon, 24 Jun 2024 14:47:55 +0200
Subject: [PATCH] fix: remove zoom from modals

---
 .../views/components/modal-confirmation.blade.php   |  3 +--
 resources/views/components/modal-input.blade.php    | 13 ++++++++-----
 resources/views/livewire/upgrade.blade.php          |  8 +++++---
 3 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/resources/views/components/modal-confirmation.blade.php b/resources/views/components/modal-confirmation.blade.php
index 395b03ff4..7910d2eb2 100644
--- a/resources/views/components/modal-confirmation.blade.php
+++ b/resources/views/components/modal-confirmation.blade.php
@@ -61,8 +61,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"
-            style="zoom:1.1;" x-cloak>
+            class="fixed top-0 lg:pt-10 left-0 z-[99] flex items-start justify-center w-screen h-screen" 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"
diff --git a/resources/views/components/modal-input.blade.php b/resources/views/components/modal-input.blade.php
index 15264a141..e8c63d929 100644
--- a/resources/views/components/modal-input.blade.php
+++ b/resources/views/components/modal-input.blade.php
@@ -5,9 +5,10 @@
     'disabled' => false,
     'action' => 'delete',
     'content' => null,
-    'closeOutside' => true
+    '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)
         <div @click="modalOpen=true">
             {{ $content }}
@@ -22,13 +23,15 @@
         @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" style="zoom:1.1;"
-            x-cloak>
+        <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" 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"
                 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"  @if ($closeOutside) @click.outside="modalOpen=false" @endif 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/upgrade.blade.php b/resources/views/livewire/upgrade.blade.php
index 4b235b6ec..d10ef8b45 100644
--- a/resources/views/livewire/upgrade.blade.php
+++ b/resources/views/livewire/upgrade.blade.php
@@ -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" style="zoom:1.1;"
+                    class="fixed top-0 lg:pt-10 left-0 z-[99] flex items-start justify-center w-screen h-screen"
                     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"
@@ -61,8 +61,10 @@
                             <p>You can review the changelogs <a class="font-bold underline"
                                     href="https://github.com/coollabsio/coolify/releases" target="_blank">here</a>.</p>
                             <br />
-                            <p>If something goes wrong and you cannot upgrade your instance, You can check the following <a class="font-bold underline"
-                                href="https://coolify.io/docs/upgrade" target="_blank">guide</a> on what to do.</p>
+                            <p>If something goes wrong and you cannot upgrade your instance, You can check the following
+                                <a class="font-bold underline" href="https://coolify.io/docs/upgrade"
+                                    target="_blank">guide</a> on what to do.
+                            </p>
                             @if ($showProgress)
                                 <div class="flex flex-col pt-4">
                                     <h4>Progress <x-loading /></h4>