ui ui ui ui

resources/views/livewire/team-shared-variables-index.blade.php

@@ -2,14 +2,9 @@
     <x-team.navbar />
     <div class="flex gap-2">
         <h2>Shared Variables</h2>
-        <x-slide-over>
-            <x-slot:title>New Shared Variable</x-slot:title>
-            <x-slot:content>
-                <livewire:project.shared.environment-variable.add />
-            </x-slot:content>
-            <button @click="slideOverOpen=true" class="button">+
-                Add</button>
-        </x-slide-over>
+        <x-modal-input buttonTitle="+ Add" title="New Shared Variable">
+            <livewire:project.shared.environment-variable.add />
+        </x-modal-input>
     </div>
     <div class="flex items-center gap-2 pb-4">You can use these variables anywhere with <span
             class="dark:text-warning">@{{ team.VARIABLENAME }}</span> <x-helper