ui: redesign

resources/views/livewire/team/storage/create.blade.php

@@ -1,6 +1,6 @@
 <div>
-    <h1>Create a new S3 Storage</h1>
-    <div class="subtitle">S3 Storage used to save backups / files</div>
+    <h1>New S3 Storage</h1>
+    <div class="subtitle">S3 Storage used to save backups / files.</div>
     <form class="flex flex-col gap-2" wire:submit='submit'>
         <div class="flex gap-2">
             <x-forms.input label="Name" id="name" />

resources/views/livewire/team/storage/form.blade.php

@@ -16,9 +16,9 @@
             <x-forms.button wire:click="test_s3_connection">
                 Validate Connection
             </x-forms.button>
-            <x-new-modal isErrorButton buttonTitle="Delete">
+            <x-modal-confirmation isErrorButton buttonTitle="Delete">
                 This storage will be deleted. It is not reversible. Your data won't be touched!<br>Please think again.
-            </x-new-modal>
+            </x-modal-confirmation>
         </div>
         <div class="flex gap-2">
             <x-forms.input label="Name" id="storage.name" />

resources/views/livewire/team/storage/index.blade.php

@@ -4,7 +4,7 @@
         ->currentTeam()" />
     <div class="flex items-start gap-2">
         <h2 class="pb-4">S3 Storages</h2>
-        <a  class="text-white hover:no-underline" href="/team/storages/new"> <x-forms.button class="btn">+ Add
+        <a  class="text-white hover:no-underline" href="/team/storages/new"> <x-forms.button >+ Add
             </x-forms.button></a>
     </div>
     <div class="grid gap-2 lg:grid-cols-2">