Fix: Css issue with advanced settings and remove cf tunnel in onboarding

This commit is contained in:
peaklabs-dev
2024-09-12 14:58:52 +02:00
parent 7ac45aa706
commit 0d3d5f40fd

View File

@@ -273,27 +273,23 @@
Please let me know your server details. Please let me know your server details.
</x-slot:question> </x-slot:question>
<x-slot:actions> <x-slot:actions>
<form wire:submit='saveServer' class="flex flex-col w-full gap-4 lg:pr-10"> <form wire:submit='saveServer' class="flex flex-col w-full gap-4 lg:w-96">
<div class="flex flex-col gap-2 lg:flex-row"> <x-forms.input required placeholder="Choose a name for your Server. Could be anything."
<x-forms.input required placeholder="Choose a name for your Server. Could be anything." label="Name" id="remoteServerName" wire:model="remoteServerName" />
label="Name" id="remoteServerName" wire:model="remoteServerName" /> <x-forms.input placeholder="Description, so others will know more about this."
<x-forms.input placeholder="Description, so others will know more about this." label="Description" id="remoteServerDescription"
label="Description" id="remoteServerDescription" wire:model="remoteServerDescription" />
wire:model="remoteServerDescription" /> <x-forms.input required placeholder="127.0.0.1" label="IP Address" id="remoteServerHost"
</div> wire:model="remoteServerHost" />
<div class="flex flex-col gap-2 lg:flex-row ">
<x-forms.input required placeholder="127.0.0.1" label="IP Address" id="remoteServerHost"
wire:model="remoteServerHost" />
</div>
<div x-data="{ showAdvanced: false }" class="flex flex-col gap-2"> <div x-data="{ showAdvanced: false }" class="flex flex-col gap-2">
<button @click="showAdvanced = !showAdvanced" type="button" <button @click="showAdvanced = !showAdvanced" type="button"
class="text-left text-sm text-gray-600 dark:text-gray-300 hover:underline"> class="text-left text-sm text-gray-600 dark:text-gray-300 hover:underline">
Advanced Settings Advanced Settings
</button> </button>
<div x-show="showAdvanced" class="flex flex-col gap-2 lg:flex-row"> <div x-show="showAdvanced" class="flex flex-col gap-2">
<x-forms.input placeholder="Port number of your server. Default is 22." label="Port" <x-forms.input placeholder="Port number of your server. Default is 22." label="Port"
id="remoteServerPort" wire:model="remoteServerPort" /> id="remoteServerPort" wire:model="remoteServerPort" />
<div class="w-full"> <div>
<x-forms.input placeholder="Default is root." label="User" <x-forms.input placeholder="Default is root." label="User"
id="remoteServerUser" wire:model="remoteServerUser" /> id="remoteServerUser" wire:model="remoteServerUser" />
<div class="text-xs text-gray-600 dark:text-gray-300">Non-root user is <div class="text-xs text-gray-600 dark:text-gray-300">Non-root user is
@@ -303,11 +299,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="lg:w-64">
<x-forms.checkbox
helper="If you are using Cloudflare Tunnels, enable this. It will proxy all ssh requests to your server through Cloudflare.<br><span class='dark:text-warning'>Coolify does not install/setup Cloudflare (cloudflared) on your server.</span>"
id="isCloudflareTunnel" label="Cloudflare Tunnel" wire:model="isCloudflareTunnel" />
</div>
<x-forms.button type="submit">Continue</x-forms.button> <x-forms.button type="submit">Continue</x-forms.button>
</form> </form>
</x-slot:actions> </x-slot:actions>