ui: fixes here and there

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

View File

@ -157,22 +157,16 @@
}
</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="flex">
<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">
<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}
<div class="custom-select-wrapper">
<Select
@ -193,10 +187,13 @@
{/if}
</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
>
</form>
</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>

View File

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

View File

@ -73,7 +73,7 @@ import Explainer from '$lib/components/Explainer.svelte';
{$t('application.configuration.select_a_git_source')}
</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="flex flex-wrap justify-center">
{#if !filteredSources || ownSources.length === 0}
@ -192,9 +192,7 @@ import Explainer from '$lib/components/Explainer.svelte';
</div>
{/if}
</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 />
</div>
</div>

View File

@ -109,7 +109,7 @@
<div class="flex justify-end sticky top-0 p-2 mx-1">
<button
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"
class:text-green-500={followingBuild}
>

View File

@ -147,7 +147,7 @@
<div class="flex justify-end sticky top-0 p-1 mx-1">
<button
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"
class:text-green-500={followingLogs}
>