refactor(postgresql): improve layout and spacing in SSL and Proxy configuration sections for better UI consistency
This commit is contained in:
@@ -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">
|
||||||
|
Reference in New Issue
Block a user