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-29 13:23:29 +02:00
parent f40e142704
commit 90bb580e50
5 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -153,7 +153,7 @@
{:else} {:else}
<form on:submit|preventDefault={handleSubmit} class="px-10"> <form on:submit|preventDefault={handleSubmit} class="px-10">
<div class="flex lg:flex-row flex-col lg:space-y-0 space-y-2 space-x-0 lg:space-x-2 items-center lg:justify-center"> <div class="flex lg:flex-row flex-col lg:space-y-0 space-y-2 space-x-0 lg:space-x-2 items-center lg:justify-center">
<div class="custom-select-wrapper"><label for="repository" class="pb-1">Repository</label> <div class="custom-select-wrapper w-full"><label for="repository" class="pb-1">Repository</label>
<Select <Select
placeholder={loading.repositories placeholder={loading.repositories
? $t('application.configuration.loading_repositories') ? $t('application.configuration.loading_repositories')
@ -168,7 +168,7 @@
/> />
</div> </div>
<input class="hidden" bind:value={selected.projectId} name="projectId" /> <input class="hidden" bind:value={selected.projectId} name="projectId" />
<div class="custom-select-wrapper"><label for="repository" class="pb-1">Branch</label> <div class="custom-select-wrapper w-full"><label for="repository" class="pb-1">Branch</label>
<Select <Select
placeholder={loading.branches placeholder={loading.branches
? $t('application.configuration.loading_branches') ? $t('application.configuration.loading_branches')

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

@ -328,8 +328,10 @@
</script> </script>
<form on:submit={handleSubmit}> <form on:submit={handleSubmit}>
<div class="flex lg:flex-row flex-col lg:space-y-0 space-y-2 space-x-0 lg:space-x-2 items-center lg:justify-center"> <div
<div class="custom-select-wrapper"> class="flex lg:flex-row flex-col lg:space-y-0 space-y-2 space-x-0 lg:space-x-2 items-center lg:justify-center lg:px-0 px-8"
>
<div class="custom-select-wrapper w-full">
<label for="groups" class="pb-1">Groups</label> <label for="groups" class="pb-1">Groups</label>
<Select <Select
placeholder={loading.base placeholder={loading.base
@ -355,7 +357,7 @@
optionIdentifier="id" optionIdentifier="id"
/> />
</div> </div>
<div class="custom-select-wrapper"> <div class="custom-select-wrapper w-full">
<label for="projects" class="pb-1">Projects</label> <label for="projects" class="pb-1">Projects</label>
<Select <Select
placeholder={loading.projects placeholder={loading.projects
@ -381,7 +383,7 @@
isSearchable={true} isSearchable={true}
/> />
</div> </div>
<div class="custom-select-wrapper"> <div class="custom-select-wrapper w-full">
<label for="branches" class="pb-1">Branches</label> <label for="branches" class="pb-1">Branches</label>
<Select <Select
placeholder={loading.branches placeholder={loading.branches

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

@ -170,7 +170,7 @@
</button> </button>
</div> </div>
<div class="custom-select-wrapper w-full"> <div class="custom-select-wrapper">
<Select <Select
placeholder={loading.branches placeholder={loading.branches
? $t('application.configuration.loading_branches') ? $t('application.configuration.loading_branches')

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

@ -26,8 +26,6 @@
</script> </script>
<script lang="ts"> <script lang="ts">
import { t } from '$lib/translations';
export let application: any; export let application: any;
export let appId: string; export let appId: string;
export let settings: any; export let settings: any;

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-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 ; @apply h-12 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 ;
} }
#svelte .listContainer { #svelte .listContainer {