chore: minor changes
This commit is contained in:
parent
cf9c991c79
commit
d7bbb5c4b7
@ -31,9 +31,9 @@
|
|||||||
|
|
||||||
<div class="flex justify-center px-6 pb-8">
|
<div class="flex justify-center px-6 pb-8">
|
||||||
<form on:submit|preventDefault={handleSubmit} class="grid grid-flow-row gap-2 py-4">
|
<form on:submit|preventDefault={handleSubmit} class="grid grid-flow-row gap-2 py-4">
|
||||||
<div class="flex items-center space-x-2 pb-5">
|
<div class="flex items-start lg:items-center space-x-0 lg:space-x-4 pb-5 flex-col space-y-4 lg:space-y-0">
|
||||||
<div class="title font-bold">{$t('forms.configuration')}</div>
|
<div class="title font-bold">{$t('forms.configuration')}</div>
|
||||||
<button type="submit" class="btn btn-sm bg-destinations" class:loading disabled={loading}
|
<button type="submit" class="btn btn-sm bg-destinations w-full lg:w-fit" class:loading disabled={loading}
|
||||||
>{loading
|
>{loading
|
||||||
? payload.isCoolifyProxyUsed
|
? payload.isCoolifyProxyUsed
|
||||||
? $t('destination.new.saving_and_configuring_proxy')
|
? $t('destination.new.saving_and_configuring_proxy')
|
||||||
@ -41,12 +41,12 @@
|
|||||||
: $t('forms.save')}</button
|
: $t('forms.save')}</button
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-2 grid grid-cols-2 items-center px-10">
|
<div class="mt-2 grid grid-cols-2 items-center lg:pl-10">
|
||||||
<label for="name" class="text-base font-bold text-stone-100">{$t('forms.name')}</label>
|
<label for="name" class="text-base font-bold text-stone-100">{$t('forms.name')}</label>
|
||||||
<input required name="name" placeholder={$t('forms.name')} bind:value={payload.name} />
|
<input required name="name" placeholder={$t('forms.name')} bind:value={payload.name} />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="grid grid-cols-2 items-center px-10">
|
<div class="grid grid-cols-2 items-center lg:pl-10">
|
||||||
<label for="engine" class="text-base font-bold text-stone-100">{$t('forms.engine')}</label>
|
<label for="engine" class="text-base font-bold text-stone-100">{$t('forms.engine')}</label>
|
||||||
<input
|
<input
|
||||||
required
|
required
|
||||||
@ -55,7 +55,7 @@
|
|||||||
bind:value={payload.engine}
|
bind:value={payload.engine}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid grid-cols-2 items-center px-10">
|
<div class="grid grid-cols-2 items-center lg:pl-10">
|
||||||
<label for="network" class="text-base font-bold text-stone-100">{$t('forms.network')}</label>
|
<label for="network" class="text-base font-bold text-stone-100">{$t('forms.network')}</label>
|
||||||
<input
|
<input
|
||||||
required
|
required
|
||||||
@ -65,7 +65,7 @@
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
{#if $appSession.teamId === '0'}
|
{#if $appSession.teamId === '0'}
|
||||||
<div class="grid grid-cols-2 items-center px-10">
|
<div class="grid grid-cols-2 items-center lg:pl-10">
|
||||||
<Setting
|
<Setting
|
||||||
id="changeProxySetting"
|
id="changeProxySetting"
|
||||||
bind:setting={payload.isCoolifyProxyUsed}
|
bind:setting={payload.isCoolifyProxyUsed}
|
||||||
|
@ -38,9 +38,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="flex justify-center px-6 pb-8">
|
<div class="flex justify-center px-6 pb-8">
|
||||||
<form on:submit|preventDefault={handleSubmit} class="grid grid-flow-row gap-2 py-4">
|
<form on:submit|preventDefault={handleSubmit} class="grid grid-flow-row gap-2 py-4">
|
||||||
<div class="flex items-center space-x-2 pb-5">
|
<div class="flex items-start lg:items-center space-x-0 lg:space-x-4 pb-5 flex-col lg:flex-row space-y-4 lg:space-y-0">
|
||||||
<div class="title font-bold">{$t('forms.configuration')}</div>
|
<div class="title font-bold">{$t('forms.configuration')}</div>
|
||||||
<button type="submit" class="btn btn-sm bg-destinations" class:loading disabled={loading}
|
<button type="submit" class="btn btn-sm bg-destinations w-full lg:w-fit" class:loading disabled={loading}
|
||||||
>{loading
|
>{loading
|
||||||
? payload.isCoolifyProxyUsed
|
? payload.isCoolifyProxyUsed
|
||||||
? $t('destination.new.saving_and_configuring_proxy')
|
? $t('destination.new.saving_and_configuring_proxy')
|
||||||
@ -48,12 +48,12 @@
|
|||||||
: $t('forms.save')}</button
|
: $t('forms.save')}</button
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-2 grid grid-cols-2 items-center px-10">
|
<div class="mt-2 grid grid-cols-2 items-center lg:pl-10">
|
||||||
<label for="name" class="text-base font-bold text-stone-100">{$t('forms.name')}</label>
|
<label for="name" class="text-base font-bold text-stone-100">{$t('forms.name')}</label>
|
||||||
<input required name="name" placeholder={$t('forms.name')} bind:value={payload.name} />
|
<input required name="name" placeholder={$t('forms.name')} bind:value={payload.name} />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="grid grid-cols-2 items-center px-10">
|
<div class="grid grid-cols-2 items-center lg:pl-10">
|
||||||
<label for="remoteIpAddress" class="text-base font-bold text-stone-100"
|
<label for="remoteIpAddress" class="text-base font-bold text-stone-100"
|
||||||
>{$t('forms.ip_address')}</label
|
>{$t('forms.ip_address')}</label
|
||||||
>
|
>
|
||||||
@ -65,7 +65,7 @@
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="grid grid-cols-2 items-center px-10">
|
<div class="grid grid-cols-2 items-center lg:pl-10">
|
||||||
<label for="remoteUser" class="text-base font-bold text-stone-100">{$t('forms.user')}</label>
|
<label for="remoteUser" class="text-base font-bold text-stone-100">{$t('forms.user')}</label>
|
||||||
<input
|
<input
|
||||||
required
|
required
|
||||||
@ -75,7 +75,7 @@
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="grid grid-cols-2 items-center px-10">
|
<div class="grid grid-cols-2 items-center lg:pl-10">
|
||||||
<label for="remotePort" class="text-base font-bold text-stone-100">{$t('forms.port')}</label>
|
<label for="remotePort" class="text-base font-bold text-stone-100">{$t('forms.port')}</label>
|
||||||
<input
|
<input
|
||||||
required
|
required
|
||||||
@ -84,7 +84,7 @@
|
|||||||
bind:value={payload.remotePort}
|
bind:value={payload.remotePort}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid grid-cols-2 items-center px-10">
|
<div class="grid grid-cols-2 items-center lg:pl-10">
|
||||||
<label for="network" class="text-base font-bold text-stone-100">{$t('forms.network')}</label>
|
<label for="network" class="text-base font-bold text-stone-100">{$t('forms.network')}</label>
|
||||||
<input
|
<input
|
||||||
required
|
required
|
||||||
@ -93,7 +93,7 @@
|
|||||||
bind:value={payload.network}
|
bind:value={payload.network}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid grid-cols-2 items-center px-10">
|
<div class="grid grid-cols-2 items-center lg:pl-10">
|
||||||
<Setting
|
<Setting
|
||||||
id="isCoolifyProxyUsed"
|
id="isCoolifyProxyUsed"
|
||||||
bind:setting={payload.isCoolifyProxyUsed}
|
bind:setting={payload.isCoolifyProxyUsed}
|
||||||
|
Loading…
Reference in New Issue
Block a user