Shiloh/lasthourcloud
Shiloh/lasthourcloud
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

ui: fixes

Browse Source
This commit is contained in:
Andras Bacsai 2022-09-26 10:27:51 +02:00
parent a4d9b9689b
commit 513fa90b8a
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
apps/ui/src/routes/applications/[id]/index.svelte
View File

@ -87,7 +87,7 @@
} }
]; ];
function containerClass() { function containerClass() {
return 'text-white bg-transparent font-thin px-0 w-full border border-dashed border-coolgray-200 bg-transparent'; return 'text-white bg-transparent font-thin px-0 w-full border border-dashed border-coolgray-200';
} }
onMount(async () => { onMount(async () => {
@ -96,7 +96,7 @@
await handleSubmit(); await handleSubmit();
} }
await getBaseBuildImages(); await getBaseBuildImages();
if (!application.fqdn && fqdnEl) fqdnEl.focus() if (!application.fqdn && fqdnEl) fqdnEl.focus();
}); });
async function getBaseBuildImages() { async function getBaseBuildImages() {
const data = await post(`/applications/images`, { const data = await post(`/applications/images`, {
@ -401,7 +401,7 @@
disabled={isDisabled} disabled={isDisabled}
name="fqdn" name="fqdn"
id="fqdn" id="fqdn"
class:border={!application.settings.isBot&& !application.fqdn} class:border={!application.settings.isBot && !application.fqdn}
class:border-red-500={!application.settings.isBot && !application.fqdn} class:border-red-500={!application.settings.isBot && !application.fqdn}
bind:value={application.fqdn} bind:value={application.fqdn}
pattern="^https?://([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{'{'}2,{'}'}$" pattern="^https?://([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{'{'}2,{'}'}$"
@ -579,7 +579,6 @@
{/if} {/if}
{/if} {/if}
{#if application.buildPack === 'python'} {#if application.buildPack === 'python'}
<div class="grid grid-cols-2 items-center"> <div class="grid grid-cols-2 items-center">
<label for="pythonModule">WSGI / ASGI</label> <label for="pythonModule">WSGI / ASGI</label>
@ -601,6 +600,7 @@
name="pythonModule" name="pythonModule"
id="pythonModule" id="pythonModule"
required required
class="w-full"
bind:value={application.pythonModule} bind:value={application.pythonModule}
placeholder={application.pythonWSGI?.toLowerCase() !== 'none' ? 'main' : 'main.py'} placeholder={application.pythonWSGI?.toLowerCase() !== 'none' ? 'main' : 'main.py'}
/> />
@ -614,6 +614,7 @@
name="pythonVariable" name="pythonVariable"
id="pythonVariable" id="pythonVariable"
required required
class="w-full"
bind:value={application.pythonVariable} bind:value={application.pythonVariable}
placeholder="default: app" placeholder="default: app"
/> />
@ -628,6 +629,7 @@
name="pythonVariable" name="pythonVariable"
id="pythonVariable" id="pythonVariable"
required required
class="w-full"
bind:value={application.pythonVariable} bind:value={application.pythonVariable}
placeholder="default: app" placeholder="default: app"
/> />
@ -635,7 +637,7 @@
{/if} {/if}
{/if} {/if}
{#if !staticDeployments.includes(application.buildPack)} {#if !staticDeployments.includes(application.buildPack)}
<div class="grid grid-cols-2 items-center"> <div class="grid grid-cols-2 items-center pt-4">
<label for="port" <label for="port"
>{$t('forms.port')} >{$t('forms.port')}
<Explainer explanation={'The port your application listens on.'} /></label <Explainer explanation={'The port your application listens on.'} /></label
@ -651,7 +653,7 @@
/> />
</div> </div>
{/if} {/if}
<div class="grid grid-cols-2 items-center py-4"> <div class="grid grid-cols-2 items-center pb-4">
<label for="exposePort" <label for="exposePort"
>Exposed Port <Explainer >Exposed Port <Explainer
explanation={'You can expose your application to a port on the host system.<br><br>Useful if you would like to use your own reverse proxy or tunnel and also in development mode. Otherwise leave empty.'} explanation={'You can expose your application to a port on the host system.<br><br>Useful if you would like to use your own reverse proxy or tunnel and also in development mode. Otherwise leave empty.'}

2
apps/ui/src/tailwind.css
View File

@ -43,7 +43,7 @@ textarea {
} }
#svelte .custom-select-wrapper .selectContainer { #svelte .custom-select-wrapper .selectContainer {
@apply h-12 w-96 rounded bg-coolgray-100 p-2 px-0 text-xs tracking-tight outline-none transition duration-150 hover:bg-coolgray-500 focus:bg-coolgray-500 md:text-sm w-full ; @apply h-12 w-96 rounded bg-coolgray-200 p-2 px-0 text-xs tracking-tight outline-none transition duration-150 hover:bg-coolgray-500 focus:bg-coolgray-500 md:text-sm w-full ;
} }
#svelte .listContainer { #svelte .listContainer {