database configuration input boxes use wrap in small screens

This commit is contained in:
Francesco Bruno 2024-05-05 17:04:59 +00:00
parent 7cd02b4916
commit 296872d2e4

View File

@ -20,7 +20,7 @@
Save Save
</x-forms.button> </x-forms.button>
</div> </div>
<div class="flex gap-2"> <div class="flex gap-2 flex-wrap sm:flex-nowrap">
<x-forms.input label="Name" id="database.name" /> <x-forms.input label="Name" id="database.name" />
<x-forms.input label="Description" id="database.description" /> <x-forms.input label="Description" id="database.description" />
<x-forms.input label="Image" id="database.image" required <x-forms.input label="Image" id="database.image" required
@ -28,7 +28,7 @@
</div> </div>
@if ($database->started_at) @if ($database->started_at)
<div class="flex gap-2"> <div class="flex gap-2 flex-wrap sm:flex-nowrap">
<x-forms.input label="Initial Username" id="database.postgres_user" placeholder="If empty: postgres" <x-forms.input label="Initial Username" id="database.postgres_user" placeholder="If empty: postgres"
readonly helper="You can only change this in the database." /> readonly helper="You can only change this in the database." />
<x-forms.input label="Initial Password" id="database.postgres_password" type="password" required <x-forms.input label="Initial Password" id="database.postgres_password" type="password" required