From 7b91ad66471ad61f4880917f4fa2ce7b4f14b8a5 Mon Sep 17 00:00:00 2001
From: Kamil Niemczycki <contact@kamilcraft.com>
Date: Mon, 6 Jun 2022 14:52:52 +0200
Subject: [PATCH 1/5] #153 - behaviour of buttons has been changed

---
 resources/js/Pages/Holidays/Edit.vue  | 3 ++-
 resources/js/Pages/Resumes/Edit.vue   | 2 ++
 resources/js/Pages/Users/Edit.vue     | 3 ++-
 resources/js/Pages/VacationLimits.vue | 2 ++
 4 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/resources/js/Pages/Holidays/Edit.vue b/resources/js/Pages/Holidays/Edit.vue
index 215ae45..8e42c45 100644
--- a/resources/js/Pages/Holidays/Edit.vue
+++ b/resources/js/Pages/Holidays/Edit.vue
@@ -66,8 +66,9 @@
           </InertiaLink>
           <button
             type="submit"
-            :disabled="form.processing"
             class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+            :class="{ 'bg-gray-600 hover:bg-gray-600': form.processing || !form.isDirty }"
+            :disabled="form.processing || !form.isDirty"
           >
             Zapisz
           </button>
diff --git a/resources/js/Pages/Resumes/Edit.vue b/resources/js/Pages/Resumes/Edit.vue
index 2476cab..86e0a81 100644
--- a/resources/js/Pages/Resumes/Edit.vue
+++ b/resources/js/Pages/Resumes/Edit.vue
@@ -532,6 +532,8 @@
             <button
               type="submit"
               class="inline-flex justify-center py-2 px-4 ml-3 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+              :class="{ 'bg-gray-600 hover:bg-gray-600': form.processing || !form.isDirty }"
+              :disabled="form.processing || !form.isDirty"
             >
               Zapisz
             </button>
diff --git a/resources/js/Pages/Users/Edit.vue b/resources/js/Pages/Users/Edit.vue
index 922cb40..deb58d4 100644
--- a/resources/js/Pages/Users/Edit.vue
+++ b/resources/js/Pages/Users/Edit.vue
@@ -297,8 +297,9 @@
           </InertiaLink>
           <button
             type="submit"
-            :disabled="form.processing"
             class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+            :class="{ 'bg-gray-600 hover:bg-gray-600': form.processing || !form.isDirty }"
+            :disabled="form.processing || !form.isDirty"
           >
             Zapisz
           </button>
diff --git a/resources/js/Pages/VacationLimits.vue b/resources/js/Pages/VacationLimits.vue
index f525679..43b5c55 100644
--- a/resources/js/Pages/VacationLimits.vue
+++ b/resources/js/Pages/VacationLimits.vue
@@ -122,6 +122,8 @@
           <button
             type="submit"
             class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+            :class="{ 'bg-gray-600 hover:bg-gray-600': form.processing || !form.isDirty }"
+            :disabled="form.processing || !form.isDirty"
           >
             Zapisz
           </button>
-- 
2.50.1


From 666f188c063c8869080b00ac30b4d9453f445689 Mon Sep 17 00:00:00 2001
From: Kamil Niemczycki <contact@kamilcraft.com>
Date: Wed, 8 Jun 2022 09:17:04 +0200
Subject: [PATCH 2/5] #153 - changed the gray background to opacity

Co-authored-by: EwelinaLasowy <ewelina.lasowy@blumilk.pl>
---
 resources/js/Pages/Holidays/Edit.vue  | 2 +-
 resources/js/Pages/Resumes/Edit.vue   | 2 +-
 resources/js/Pages/Users/Edit.vue     | 2 +-
 resources/js/Pages/VacationLimits.vue | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/js/Pages/Holidays/Edit.vue b/resources/js/Pages/Holidays/Edit.vue
index 8e42c45..df9917b 100644
--- a/resources/js/Pages/Holidays/Edit.vue
+++ b/resources/js/Pages/Holidays/Edit.vue
@@ -67,7 +67,7 @@
           <button
             type="submit"
             class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
-            :class="{ 'bg-gray-600 hover:bg-gray-600': form.processing || !form.isDirty }"
+            :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
             :disabled="form.processing || !form.isDirty"
           >
             Zapisz
diff --git a/resources/js/Pages/Resumes/Edit.vue b/resources/js/Pages/Resumes/Edit.vue
index 86e0a81..c5e1e87 100644
--- a/resources/js/Pages/Resumes/Edit.vue
+++ b/resources/js/Pages/Resumes/Edit.vue
@@ -532,7 +532,7 @@
             <button
               type="submit"
               class="inline-flex justify-center py-2 px-4 ml-3 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
-              :class="{ 'bg-gray-600 hover:bg-gray-600': form.processing || !form.isDirty }"
+              :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
               :disabled="form.processing || !form.isDirty"
             >
               Zapisz
diff --git a/resources/js/Pages/Users/Edit.vue b/resources/js/Pages/Users/Edit.vue
index deb58d4..ee4098f 100644
--- a/resources/js/Pages/Users/Edit.vue
+++ b/resources/js/Pages/Users/Edit.vue
@@ -298,7 +298,7 @@
           <button
             type="submit"
             class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
-            :class="{ 'bg-gray-600 hover:bg-gray-600': form.processing || !form.isDirty }"
+            :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
             :disabled="form.processing || !form.isDirty"
           >
             Zapisz
diff --git a/resources/js/Pages/VacationLimits.vue b/resources/js/Pages/VacationLimits.vue
index 43b5c55..f2d8b34 100644
--- a/resources/js/Pages/VacationLimits.vue
+++ b/resources/js/Pages/VacationLimits.vue
@@ -122,7 +122,7 @@
           <button
             type="submit"
             class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
-            :class="{ 'bg-gray-600 hover:bg-gray-600': form.processing || !form.isDirty }"
+            :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
             :disabled="form.processing || !form.isDirty"
           >
             Zapisz
-- 
2.50.1


From d36ef71dd923bd088e6d5a3c86575f6130e6cba4 Mon Sep 17 00:00:00 2001
From: Kamil Niemczycki <contact@kamilcraft.com>
Date: Wed, 8 Jun 2022 11:35:11 +0200
Subject: [PATCH 3/5] #153 - added for created forms

---
 resources/js/Pages/Holidays/Create.vue        | 3 ++-
 resources/js/Pages/Resumes/Create.vue         | 2 ++
 resources/js/Pages/Technologies.vue           | 3 ++-
 resources/js/Pages/Users/Create.vue           | 3 ++-
 resources/js/Pages/VacationRequest/Create.vue | 3 ++-
 5 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/resources/js/Pages/Holidays/Create.vue b/resources/js/Pages/Holidays/Create.vue
index 4b8f3c1..e29d43f 100644
--- a/resources/js/Pages/Holidays/Create.vue
+++ b/resources/js/Pages/Holidays/Create.vue
@@ -67,8 +67,9 @@
           </InertiaLink>
           <button
             type="submit"
-            :disabled="form.processing"
             class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+            :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
+            :disabled="form.processing || !form.isDirty"
           >
             Zapisz
           </button>
diff --git a/resources/js/Pages/Resumes/Create.vue b/resources/js/Pages/Resumes/Create.vue
index a70c461..3675dfe 100644
--- a/resources/js/Pages/Resumes/Create.vue
+++ b/resources/js/Pages/Resumes/Create.vue
@@ -532,6 +532,8 @@
             <button
               type="submit"
               class="inline-flex justify-center py-2 px-4 ml-3 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+              :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
+              :disabled="form.processing || !form.isDirty"
             >
               Zapisz
             </button>
diff --git a/resources/js/Pages/Technologies.vue b/resources/js/Pages/Technologies.vue
index f578cc4..7e6ec9a 100644
--- a/resources/js/Pages/Technologies.vue
+++ b/resources/js/Pages/Technologies.vue
@@ -187,8 +187,9 @@
                 </button>
                 <button
                   type="submit"
-                  :disabled="form.processing"
                   class="inline-flex justify-center py-2 px-4 text-base font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm sm:text-sm"
+                  :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
+                  :disabled="form.processing || !form.isDirty"
                 >
                   Dodaj
                 </button>
diff --git a/resources/js/Pages/Users/Create.vue b/resources/js/Pages/Users/Create.vue
index 18d7e96..bfd5f69 100644
--- a/resources/js/Pages/Users/Create.vue
+++ b/resources/js/Pages/Users/Create.vue
@@ -290,8 +290,9 @@
           </InertiaLink>
           <button
             type="submit"
-            :disabled="form.processing"
             class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+            :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
+            :disabled="form.processing || !form.isDirty"
           >
             Zapisz
           </button>
diff --git a/resources/js/Pages/VacationRequest/Create.vue b/resources/js/Pages/VacationRequest/Create.vue
index 3118556..40e6e4c 100644
--- a/resources/js/Pages/VacationRequest/Create.vue
+++ b/resources/js/Pages/VacationRequest/Create.vue
@@ -296,8 +296,9 @@
               </InertiaLink>
               <button
                 type="submit"
-                :disabled="form.processing"
                 class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+                :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
+                :disabled="form.processing || !form.isDirty"
               >
                 Zapisz
               </button>
-- 
2.50.1


From 8c88917131cc85c80b8818cab3b47c6fd485da53 Mon Sep 17 00:00:00 2001
From: Kamil Niemczycki <contact@kamilcraft.com>
Date: Wed, 8 Jun 2022 14:17:16 +0200
Subject: [PATCH 4/5] #153 - default value for downloaded types is set

---
 resources/js/Pages/VacationRequest/Create.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/resources/js/Pages/VacationRequest/Create.vue b/resources/js/Pages/VacationRequest/Create.vue
index 676feac..cc9e029 100644
--- a/resources/js/Pages/VacationRequest/Create.vue
+++ b/resources/js/Pages/VacationRequest/Create.vue
@@ -466,6 +466,7 @@ async function refreshAvailableTypes(user) {
 
   vacationTypes.value = res.data
   form.vacationType = vacationTypes.value[0]
+  form.defaults('vacationType', vacationTypes.value[0])
 }
 
 </script>
-- 
2.50.1


From 37725dd9e9ff567b55bbf0ebe982b45e6510debc Mon Sep 17 00:00:00 2001
From: Kamil Niemczycki <contact@kamilcraft.com>
Date: Wed, 8 Jun 2022 14:57:02 +0200
Subject: [PATCH 5/5] #153 - removed hover for disabled buttons

---
 resources/js/Pages/Holidays/Create.vue        | 4 ++--
 resources/js/Pages/Holidays/Edit.vue          | 4 ++--
 resources/js/Pages/Resumes/Create.vue         | 4 ++--
 resources/js/Pages/Resumes/Edit.vue           | 4 ++--
 resources/js/Pages/Technologies.vue           | 4 ++--
 resources/js/Pages/Users/Create.vue           | 4 ++--
 resources/js/Pages/Users/Edit.vue             | 4 ++--
 resources/js/Pages/VacationLimits.vue         | 4 ++--
 resources/js/Pages/VacationRequest/Create.vue | 4 ++--
 9 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/resources/js/Pages/Holidays/Create.vue b/resources/js/Pages/Holidays/Create.vue
index e29d43f..2dfe7a9 100644
--- a/resources/js/Pages/Holidays/Create.vue
+++ b/resources/js/Pages/Holidays/Create.vue
@@ -67,8 +67,8 @@
           </InertiaLink>
           <button
             type="submit"
-            class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
-            :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
+            class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+            :class="[form.processing || !form.isDirty ? 'disabled:opacity-60' : 'hover:bg-blumilk-700']"
             :disabled="form.processing || !form.isDirty"
           >
             Zapisz
diff --git a/resources/js/Pages/Holidays/Edit.vue b/resources/js/Pages/Holidays/Edit.vue
index df9917b..74162b6 100644
--- a/resources/js/Pages/Holidays/Edit.vue
+++ b/resources/js/Pages/Holidays/Edit.vue
@@ -66,8 +66,8 @@
           </InertiaLink>
           <button
             type="submit"
-            class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
-            :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
+            class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+            :class="[form.processing || !form.isDirty ? 'disabled:opacity-60' : 'hover:bg-blumilk-700']"
             :disabled="form.processing || !form.isDirty"
           >
             Zapisz
diff --git a/resources/js/Pages/Resumes/Create.vue b/resources/js/Pages/Resumes/Create.vue
index 3675dfe..a872021 100644
--- a/resources/js/Pages/Resumes/Create.vue
+++ b/resources/js/Pages/Resumes/Create.vue
@@ -531,8 +531,8 @@
             </InertiaLink>
             <button
               type="submit"
-              class="inline-flex justify-center py-2 px-4 ml-3 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
-              :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
+              class="inline-flex justify-center py-2 px-4 ml-3 text-sm font-medium text-white bg-blumilk-600 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+              :class="[form.processing || !form.isDirty ? 'disabled:opacity-60' : 'hover:bg-blumilk-700']"
               :disabled="form.processing || !form.isDirty"
             >
               Zapisz
diff --git a/resources/js/Pages/Resumes/Edit.vue b/resources/js/Pages/Resumes/Edit.vue
index c5e1e87..0d8feb5 100644
--- a/resources/js/Pages/Resumes/Edit.vue
+++ b/resources/js/Pages/Resumes/Edit.vue
@@ -531,8 +531,8 @@
             </InertiaLink>
             <button
               type="submit"
-              class="inline-flex justify-center py-2 px-4 ml-3 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
-              :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
+              class="inline-flex justify-center py-2 px-4 ml-3 text-sm font-medium text-white bg-blumilk-600 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+              :class="[form.processing || !form.isDirty ? 'disabled:opacity-60' : 'hover:bg-blumilk-700']"
               :disabled="form.processing || !form.isDirty"
             >
               Zapisz
diff --git a/resources/js/Pages/Technologies.vue b/resources/js/Pages/Technologies.vue
index 7e6ec9a..499e671 100644
--- a/resources/js/Pages/Technologies.vue
+++ b/resources/js/Pages/Technologies.vue
@@ -187,8 +187,8 @@
                 </button>
                 <button
                   type="submit"
-                  class="inline-flex justify-center py-2 px-4 text-base font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm sm:text-sm"
-                  :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
+                  class="inline-flex justify-center py-2 px-4 text-base font-medium text-white bg-blumilk-600 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm sm:text-sm"
+                  :class="[form.processing || !form.isDirty ? 'disabled:opacity-60' : 'hover:bg-blumilk-700']"
                   :disabled="form.processing || !form.isDirty"
                 >
                   Dodaj
diff --git a/resources/js/Pages/Users/Create.vue b/resources/js/Pages/Users/Create.vue
index bfd5f69..e894d24 100644
--- a/resources/js/Pages/Users/Create.vue
+++ b/resources/js/Pages/Users/Create.vue
@@ -290,8 +290,8 @@
           </InertiaLink>
           <button
             type="submit"
-            class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
-            :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
+            class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+            :class="[form.processing || !form.isDirty ? 'disabled:opacity-60' : 'hover:bg-blumilk-700']"
             :disabled="form.processing || !form.isDirty"
           >
             Zapisz
diff --git a/resources/js/Pages/Users/Edit.vue b/resources/js/Pages/Users/Edit.vue
index ee4098f..d573297 100644
--- a/resources/js/Pages/Users/Edit.vue
+++ b/resources/js/Pages/Users/Edit.vue
@@ -297,8 +297,8 @@
           </InertiaLink>
           <button
             type="submit"
-            class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
-            :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
+            class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+            :class="[form.processing || !form.isDirty ? 'disabled:opacity-60' : 'hover:bg-blumilk-700']"
             :disabled="form.processing || !form.isDirty"
           >
             Zapisz
diff --git a/resources/js/Pages/VacationLimits.vue b/resources/js/Pages/VacationLimits.vue
index f2d8b34..38b7315 100644
--- a/resources/js/Pages/VacationLimits.vue
+++ b/resources/js/Pages/VacationLimits.vue
@@ -121,8 +121,8 @@
         <div class="flex justify-end py-3 px-4">
           <button
             type="submit"
-            class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
-            :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
+            class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+            :class="[form.processing || !form.isDirty ? 'disabled:opacity-60' : 'hover:bg-blumilk-700']"
             :disabled="form.processing || !form.isDirty"
           >
             Zapisz
diff --git a/resources/js/Pages/VacationRequest/Create.vue b/resources/js/Pages/VacationRequest/Create.vue
index cc9e029..17a575c 100644
--- a/resources/js/Pages/VacationRequest/Create.vue
+++ b/resources/js/Pages/VacationRequest/Create.vue
@@ -296,8 +296,8 @@
               </InertiaLink>
               <button
                 type="submit"
-                class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
-                :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
+                class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+                :class="[form.processing || !form.isDirty ? 'disabled:opacity-60' : 'hover:bg-blumilk-700']"
                 :disabled="form.processing || !form.isDirty"
               >
                 Zapisz
-- 
2.50.1