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