Refactor storage create form for better usability and validation

This commit is contained in:
Andras Bacsai 2024-05-15 14:10:03 +02:00
parent 56a450a936
commit aa0a9bde76
2 changed files with 3 additions and 4 deletions

View File

@ -1,12 +1,11 @@
<div>
<div class="subtitle">S3 Storage used to save backups / files.</div>
<div class="w-full">
<form class="flex flex-col gap-2" wire:submit='submit'>
<div class="flex gap-2">
<x-forms.input required label="Name" id="name" />
<x-forms.input label="Description" id="description" />
</div>
<x-forms.input required type="url" label="Endpoint" id="endpoint" />
<div class="flex gap-2">
<x-forms.input required type="url" label="Endpoint" id="endpoint" />
<x-forms.input required label="Bucket" id="bucket" />
<x-forms.input required label="Region" id="region" />
</div>

View File

@ -1,7 +1,7 @@
<div>
<div class="flex items-start gap-2">
<h1>S3 Storages</h1>
<x-modal-input buttonTitle="+ Add" title="New S3 Storage">
<x-modal-input buttonTitle="+ Add" title="New S3 Storage" :closeOutside="false">
<livewire:storage.create />
</x-modal-input>
</div>