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

fix(routes): more ui tweaks

Browse Source
This commit is contained in:
Kaname
2022-09-07 01:29:48 +00:00
parent d5cfb63f52
commit 7e6156f5dd
11 changed files with 147 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/ui/src/routes/applications/[id]/configuration/_BuildPack.svelte
View File

@@ -37,7 +37,7 @@
}
</script>
<form on:submit|preventDefault={() => handleSubmit(buildPack.name)}>
<form class="lg:pt-32" on:submit|preventDefault={() => handleSubmit(buildPack.name)}>
<button
type="submit"
class="box-selection relative flex text-xl font-bold {buildPack.hoverColor} {foundConfig?.name ===

4
apps/ui/src/routes/applications/[id]/configuration/_GithubRepositories.svelte
View File

@@ -145,14 +145,14 @@
</script>
{#if repositories.length === 0 && loading.repositories === false}
<div class="flex-col text-center">
<div class="flex-col text-center lg:pt-32">
<div class="pb-4">{$t('application.configuration.no_repositories_configured')}</div>
<a href={`/sources/${application.gitSource.id}`}
><button>{$t('application.configuration.configure_it_now')}</button></a
>
</div>
{:else}
<form on:submit|preventDefault={handleSubmit} class="flex flex-col justify-center text-center">
<form on:submit|preventDefault={handleSubmit} class="flex flex-col justify-center text-center lg:pt-32">
<div class="flex-col space-y-3 md:space-y-0 space-x-1">
<div class="flex-row md:flex gap-4">
<div class="custom-select-wrapper">

2
apps/ui/src/routes/applications/[id]/configuration/_GitlabRepositories.svelte
View File

@@ -327,7 +327,7 @@
}
</script>
<form on:submit={handleSubmit}>
<form on:submit={handleSubmit} lg:pt-32>
<div class="flex flex-col space-y-2 px-4 xl:flex-row xl:space-y-0 xl:space-x-2 ">
<div class="custom-select-wrapper">
<Select

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

@@ -156,40 +156,39 @@
}
</script>
<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="space-y-4">
<input
placeholder="eg: https://github.com/coollabsio/nodejs-example/tree/main"
bind:value={publicRepositoryLink}
<div class="mx-auto max-w-5xl lg:pt-32">
<form
class="flex flex-col lg:flex-row w-full lg:px-32 space-y-5 lg:space-y-0 lg:space-x-5 lg:items-center"
on:submit|preventDefault={loadBranches}
>
<div class="space-y-4 w-full">
<input
class="w-full"
placeholder="eg: https://github.com/coollabsio/nodejs-example/tree/main"
bind:value={publicRepositoryLink}
/>
{#if branchSelectOptions.length > 0}
<div class="custom-select-wrapper">
<Select
placeholder={loading.branches
? $t('application.configuration.loading_branches')
: !publicRepositoryLink
? $t('application.configuration.select_a_repository_first')
: $t('application.configuration.select_a_branch')}
isWaiting={loading.branches}
showIndicator={!!publicRepositoryLink && !loading.branches}
id="branches"
on:select={saveRepository}
items={branchSelectOptions}
isDisabled={loading.branches || !!!publicRepositoryLink}
isClearable={false}
/>
{#if branchSelectOptions.length > 0}
<div class="custom-select-wrapper">
<Select
placeholder={loading.branches
? $t('application.configuration.loading_branches')
: !publicRepositoryLink
? $t('application.configuration.select_a_repository_first')
: $t('application.configuration.select_a_branch')}
isWaiting={loading.branches}
showIndicator={!!publicRepositoryLink && !loading.branches}
id="branches"
on:select={saveRepository}
items={branchSelectOptions}
isDisabled={loading.branches || !!!publicRepositoryLink}
isClearable={false}
/>
</div>
{/if}
</div>
<button class="btn mx-4 bg-orange-600" class:loading={loading.branches} type="submit"
>Load Repository</button
>
</form>
{/if}
</div>
</div>
<button class="btn bg-orange-600" class:loading={loading.branches} type="submit">
Load Repository
</button>
</form>
</div>

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

@@ -254,7 +254,7 @@
});
</script>
<div class="flex space-x-1 p-6 font-bold">
<div class="flex space-x-1 p-6 font-bold lg:pt-32">
<div class="mr-4 text-2xl tracking-tight">
{$t('application.configuration.configure_build_pack')}
</div>

2
apps/ui/src/routes/applications/[id]/configuration/database.svelte
View File

@@ -63,7 +63,7 @@
}
</script>
<div class="flex space-x-1 p-6 font-bold">
<div class="flex space-x-1 p-6 font-bold lg:pt-32">
<div class="mr-4 text-2xl tracking-tight">Select a Database</div>
</div>

2
apps/ui/src/routes/applications/[id]/configuration/destination.svelte
View File

@@ -63,7 +63,7 @@
});
</script>
<div class="flex space-x-1 p-6 font-bold">
<div class="flex space-x-1 p-6 font-bold lg:pt-32">
<div class="mr-4 text-2xl tracking-tight">
{$t('application.configuration.configure_destination')}
</div>

2
apps/ui/src/routes/applications/[id]/configuration/repository.svelte
View File

@@ -36,7 +36,7 @@
import GitlabRepositories from './_GitlabRepositories.svelte';
</script>
<div class="flex space-x-1 p-6 font-bold">
<div class="flex space-x-1 p-6 font-bold lg:pt-32">
<div class="mr-4 text-2xl tracking-tight">
{$t('application.configuration.select_a_repository_project')}
</div>

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

@@ -68,12 +68,12 @@
}
</script>
<div class="flex space-x-1 p-6 font-bold">
<div class="flex space-x-1 p-6 font-bold lg:pt-32">
<div class="mr-4 text-2xl tracking-tight">
{$t('application.configuration.select_a_git_source')}
</div>
</div>
<div class="max-w-5xl mx-auto ">
<div class="max-w-5xl mx-auto px-5">
<div class="title pb-8">Git App</div>
<div class="flex flex-wrap justify-center">
{#if !filteredSources || ownSources.length === 0}
@@ -192,7 +192,7 @@
</div>
{/if}
</div>
<div class="flex items-center">
<div class="flex flex-row items-center">
<div class="title py-4">Public Repository</div>
<DocLink url="https://docs.coollabs.io/coolify/applications/#public-repository" />
</div>