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] #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