refactor(postgresql): improve layout and spacing in SSL and Proxy configuration sections for better UI consistency
This commit is contained in:
@@ -74,19 +74,16 @@
|
|||||||
@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"
|
<x-modal-confirmation title="Regenerate SSL Certificates" buttonTitle="Regenerate SSL Certificates"
|
||||||
buttonTitle="Regenerate SSL Certificates" :actions="[
|
: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" />
|
||||||
submitAction="regenerateSslCertificate" :confirmWithText="false" :confirmWithPassword="false" />
|
|
||||||
@endif
|
@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:
|
||||||
@if (now()->gt($certificateValidUntil))
|
@if (now()->gt($certificateValidUntil))
|
||||||
@@ -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,12 +152,12 @@
|
|||||||
</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" />
|
||||||
|
</div>
|
||||||
<x-forms.input placeholder="5432" disabled="{{ data_get($database, 'is_public') }}"
|
<x-forms.input placeholder="5432" disabled="{{ data_get($database, 'is_public') }}"
|
||||||
id="database.public_port" label="Public Port" />
|
id="database.public_port" label="Public Port" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex flex-col gap-2">
|
<div class="flex flex-col gap-2">
|
||||||
<x-forms.textarea label="Custom PostgreSQL Configuration" rows="10"
|
<x-forms.textarea label="Custom PostgreSQL Configuration" rows="10"
|
||||||
|
Reference in New Issue
Block a user