dave/coolify
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

ui: fixes here and there

Browse Source
This commit is contained in:
Andras Bacsai
2022-08-18 18:53:02 +00:00
parent b76caabd32
commit b9076714cf
5 changed files with 18 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
apps/ui/src/routes/applications/[id]/configuration/_PublicRepository.svelte
View File

@@ -157,22 +157,16 @@
} }
</script> </script>
<div class="mx-auto max-w-7xl"> <div class="mx-auto max-w-5xl">
<div class="grid grid-flow-row gap-2 px-10"> <div class="grid grid-flow-row gap-2 px-10">
<div class="flex"> <div class="flex">
<form class="flex" on:submit|preventDefault={loadBranches}> <form class="flex" on:submit|preventDefault={loadBranches}>
<div class="flex-col">
<label for="fqdn" class="pt-2 w-40 text-base font-bold text-stone-100"
>Public Git HTTP Url</label
>
<Explainer
customClass="w-[32rem]"
text="Only works with Github.com and Gitlab.com.<br><br>Examples:<br>https://github.com/coollabsio/nodejs-example<br>https://github.com/coollabsio/nodejs-example/tree/main<br>https://gitlab.com/aleveha/fastify-example<br>https://gitlab.com/aleveha/fastify-example/-/tree/master"
/>
</div>
<div class="space-y-4"> <div class="space-y-4">
<input placeholder="eg: https://github.com/coollabsio/nodejs-example/tree/main" class="w-[32rem]" bind:value={publicRepositoryLink} /> <input
placeholder="eg: https://github.com/coollabsio/nodejs-example/tree/main"
class="text-xs"
bind:value={publicRepositoryLink}
/>
{#if branchSelectOptions.length > 0} {#if branchSelectOptions.length > 0}
<div class="custom-select-wrapper"> <div class="custom-select-wrapper">
<Select <Select
@@ -193,10 +187,13 @@
{/if} {/if}
</div> </div>
<button class="btn mx-4 bg-green-600" class:loading={loading.branches} type="submit" <button class="btn mx-4 bg-orange-600" class:loading={loading.branches} type="submit"
>Load Repository</button >Load Repository</button
> >
</form> </form>
</div> </div>
</div> </div>
<Explainer
text="Examples:<br><br>https://github.com/coollabsio/nodejs-example<br>https://github.com/coollabsio/nodejs-example/tree/main<br>https://gitlab.com/aleveha/fastify-example<br>https://gitlab.com/aleveha/fastify-example/-/tree/master<br><br>Only works with Github.com and Gitlab.com."
/>
</div> </div>

8
apps/ui/src/routes/applications/[id]/configuration/buildpack.svelte
View File

@@ -267,8 +267,8 @@
</div> </div>
</div> </div>
{:else} {:else}
<div class="max-w-7xl mx-auto "> <div class="max-w-5xl mx-auto ">
<div class="title pb-2">Coolify Buildpacks</div> <div class="title pb-2">Coolify</div>
<div class="flex flex-wrap justify-center"> <div class="flex flex-wrap justify-center">
{#each buildPacks.filter((bp) => bp.isCoolifyBuildPack === true) as buildPack} {#each buildPacks.filter((bp) => bp.isCoolifyBuildPack === true) as buildPack}
<div class="p-2"> <div class="p-2">
@@ -278,8 +278,8 @@
</div> </div>
</div> </div>
<div class="max-w-7xl mx-auto "> <div class="max-w-5xl mx-auto ">
<div class="title pb-2">Heroku</div> <div class="title pb-2">Other</div>
<div class="flex flex-wrap justify-center"> <div class="flex flex-wrap justify-center">
{#each buildPacks.filter((bp) => bp.isHerokuBuildPack === true) as buildPack} {#each buildPacks.filter((bp) => bp.isHerokuBuildPack === true) as buildPack}
<div class="p-2"> <div class="p-2">

6
apps/ui/src/routes/applications/[id]/configuration/source.svelte
View File

@@ -73,7 +73,7 @@ import Explainer from '$lib/components/Explainer.svelte';
{$t('application.configuration.select_a_git_source')} {$t('application.configuration.select_a_git_source')}
</div> </div>
</div> </div>
<div class="max-w-7xl mx-auto "> <div class="max-w-5xl mx-auto ">
<div class="title pb-8">Git App</div> <div class="title pb-8">Git App</div>
<div class="flex flex-wrap justify-center"> <div class="flex flex-wrap justify-center">
{#if !filteredSources || ownSources.length === 0} {#if !filteredSources || ownSources.length === 0}
@@ -192,9 +192,7 @@ import Explainer from '$lib/components/Explainer.svelte';
</div> </div>
{/if} {/if}
</div> </div>
<div class="title">Public Repository</div> <div class="title py-4">Public Repository</div>
<div class="flex flex-wrap justify-center items-center pt-4">
<PublicRepository /> <PublicRepository />
</div> </div>
</div>

2
apps/ui/src/routes/applications/[id]/logs/_BuildLog.svelte
View File

@@ -109,7 +109,7 @@
<div class="flex justify-end sticky top-0 p-2 mx-1"> <div class="flex justify-end sticky top-0 p-2 mx-1">
<button <button
on:click={followBuild} on:click={followBuild}
class="bg-transparent btn btn-sm tooltip tooltip-primary tooltip-bottom hover:text-green-500 hover:bg-coolgray-500" class="bg-transparent btn btn-sm btn-link tooltip tooltip-primary tooltip-bottom hover:text-green-500 hover:bg-coolgray-500"
data-tip="Follow logs" data-tip="Follow logs"
class:text-green-500={followingBuild} class:text-green-500={followingBuild}
> >

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

@@ -147,7 +147,7 @@
<div class="flex justify-end sticky top-0 p-1 mx-1"> <div class="flex justify-end sticky top-0 p-1 mx-1">
<button <button
on:click={followBuild} on:click={followBuild}
class="bg-transparent btn btn-sm tooltip tooltip-primary tooltip-bottom" class="bg-transparent btn btn-sm btn-link tooltip tooltip-primary tooltip-bottom"
data-tip="Follow logs" data-tip="Follow logs"
class:text-green-500={followingLogs} class:text-green-500={followingLogs}
> >