refactor(postgresql): improve layout and spacing in SSL and Proxy configuration sections for better UI consistency

This commit is contained in:
Andras Bacsai
2025-07-08 21:08:39 +02:00
parent ea0e02d422
commit 25023ab813

View File

@@ -74,18 +74,15 @@
@endif @endif
</div> </div>
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<div class="flex items-center justify-between py-2"> <div class="flex items-center gap-2 py-2">
<div class="flex items-center justify-between w-full"> <h3>SSL Configuration</h3>
<h3>SSL Configuration</h3> @if ($database->enable_ssl && $certificateValidUntil)
@if ($database->enable_ssl && $certificateValidUntil) <x-modal-confirmation title="Regenerate SSL Certificates" buttonTitle="Regenerate SSL Certificates"
<x-modal-confirmation title="Regenerate SSL Certificates" :actions="[
buttonTitle="Regenerate SSL Certificates" :actions="[ 'The SSL certificate of this database will be regenerated.',
'The SSL certificate of this database will be regenerated.', 'You must restart the database after regenerating the certificate to start using the new certificate.',
'You must restart the database after regenerating the certificate to start using the new certificate.', ]" submitAction="regenerateSslCertificate" :confirmWithText="false" :confirmWithPassword="false" />
]" @endif
submitAction="regenerateSslCertificate" :confirmWithText="false" :confirmWithPassword="false" />
@endif
</div>
</div> </div>
@if ($database->enable_ssl && $certificateValidUntil) @if ($database->enable_ssl && $certificateValidUntil)
<span class="text-sm">Valid until: <span class="text-sm">Valid until:
@@ -140,11 +137,9 @@
@endif @endif
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<div class="flex items-center justify-between py-2"> <div class="flex items-center gap-2 py-2">
<div class="flex items-center gap-2"> <h3>Proxy</h3>
<h3>Proxy</h3> <x-loading wire:loading wire:target="instantSave" />
<x-loading wire:loading wire:target="instantSave" />
</div>
@if (data_get($database, 'is_public')) @if (data_get($database, 'is_public'))
<x-slide-over fullScreen> <x-slide-over fullScreen>
<x-slot:title>Proxy Logs</x-slot:title> <x-slot:title>Proxy Logs</x-slot:title>
@@ -157,11 +152,11 @@
</x-slide-over> </x-slide-over>
@endif @endif
</div> </div>
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2 w-64">
<x-forms.checkbox instantSave id="database.is_public" label="Make it publicly available" /> <x-forms.checkbox instantSave id="database.is_public" label="Make it publicly available" />
<x-forms.input placeholder="5432" disabled="{{ data_get($database, 'is_public') }}"
id="database.public_port" label="Public Port" />
</div> </div>
<x-forms.input placeholder="5432" disabled="{{ data_get($database, 'is_public') }}"
id="database.public_port" label="Public Port" />
</div> </div>
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">