fixed deprecated bg-opacity

Author: tobihagemann

layouts/hub-billing/single.html

@@ -175,7 +175,7 @@ <h2 class="font-headline font-medium text-xl md:text-2xl leading-snug mb-4 mt-12
           </button>
 
           <div x-show="subscriptionData.restartModal.open" class="relative z-10" aria-labelledby="restart-modal-title" role="dialog" aria-modal="true">
-            <div class="fixed inset-0 bg-gray-500 bg-opacity-75"></div>
+            <div class="fixed inset-0 bg-gray-500/75"></div>
             <div class="fixed z-10 inset-0 overflow-y-auto">
               <div class="flex items-end md:items-center justify-center min-h-full p-4 text-center md:p-0">
                 <div class="relative rounded-sm shadow-sm bg-white text-left overflow-hidden md:my-8 md:max-w-lg md:w-full">
@@ -218,7 +218,7 @@ <h3 class="font-headline text-xl md:text-2xl leading-relaxed mb-4" id="restart-m
           </div>
 
           <div x-show="subscriptionData.changeSeatsModal.open" class="relative z-10" aria-labelledby="change-seats-modal-title" role="dialog" aria-modal="true">
-            <div class="fixed inset-0 bg-gray-500 bg-opacity-75"></div>
+            <div class="fixed inset-0 bg-gray-500/75"></div>
             <div class="fixed z-10 inset-0 overflow-y-auto">
               <div class="flex items-end md:items-center justify-center min-h-full p-4 text-center md:p-0">
                 <div class="relative rounded-sm shadow-sm bg-white text-left overflow-hidden md:my-8 md:max-w-lg md:w-full">

layouts/partials/hub-managed-low-quantity.html

@@ -1,5 +1,5 @@
 <div x-show="{{ .isOpen }}" class="relative z-10" aria-labelledby="quantity-one-modal-title" role="dialog" aria-modal="true" x-cloak>
-  <div x-show="{{ .isOpen }}" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"></div>
+  <div x-show="{{ .isOpen }}" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 bg-gray-500/75 transition-opacity"></div>
 
   <div class="fixed z-10 inset-0 overflow-y-auto">
     <div class="flex items-end md:items-center justify-center min-h-full p-4 text-center md:p-0">