refactor(cloudflare-tunnel): enhance layout and structure of Cloudflare Tunnel documentation and confirmation modal

This commit is contained in:
Andras Bacsai
2025-06-06 18:52:57 +02:00
parent 2576e868b5
commit dcb793f9f4

View File

@@ -78,10 +78,11 @@
</div>
@endif
@if (!$isCloudflareTunnelsEnabled && $server->isFunctional())
<h3>Automated <a href="https://coolify.io/docs/knowledge-base/cloudflare/tunnels/server-ssh"
target="_blank"
class="text-xs underline hover:text-yellow-600 dark:hover:text-yellow-200">Docs</a></h3>
<div class="flex flex-col pb-2">
<h3>Automated </h3>
<a href="https://coolify.io/docs/knowledge-base/cloudflare/tunnels/server-ssh" target="_blank"
class="text-xs underline hover:text-yellow-600 dark:hover:text-yellow-200">Docs<x-external-link /></a>
</div>
<div class="flex gap-2">
<x-slide-over @automated.window="slideOverOpen = true" fullScreen>
<x-slot:title>Cloudflare Tunnel Configuration</x-slot:title>
@@ -107,6 +108,7 @@
@endscript
</div>
<h3 class="pt-6 pb-2">Manual</h3>
<div class="pl-2">
<x-modal-confirmation buttonFullWidth title="I manually configured Cloudflare Tunnel?"
buttonTitle="I manually configured Cloudflare Tunnel" submitAction="manualCloudflareConfig"
:actions="[
@@ -115,6 +117,7 @@
]" confirmationText="I manually configured Cloudflare Tunnel"
confirmationLabel="Please type the confirmation text to confirm that you manually configured Cloudflare Tunnel."
shortConfirmationLabel="Confirmation text" step3ButtonText="Confirm" />
</div>
@endif
</div>
</div>