refactor(cloudflare-tunnel): enhance layout and structure of Cloudflare Tunnel documentation and confirmation modal
This commit is contained in:
		@@ -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>
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user