feat(ui): Improve GitHub repository selection and styling
This commit is contained in:
@@ -25,11 +25,6 @@ body {
|
|||||||
@apply hidden !important;
|
@apply hidden !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input,
|
|
||||||
.select {
|
|
||||||
@apply text-black dark:bg-coolgray-100 dark:text-white ring-neutral-200 dark:ring-coolgray-300;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-sticky {
|
.input-sticky {
|
||||||
@apply text-black dark:bg-coolgray-100 dark:text-white ring-neutral-200 dark:ring-coolgray-300 focus:ring-2 dark:focus:ring-coolgray-300 focus:ring-neutral-400 block w-full py-1.5 rounded border-0 text-sm ring-1 ring-inset;
|
@apply text-black dark:bg-coolgray-100 dark:text-white ring-neutral-200 dark:ring-coolgray-300 focus:ring-2 dark:focus:ring-coolgray-300 focus:ring-neutral-400 block w-full py-1.5 rounded border-0 text-sm ring-1 ring-inset;
|
||||||
}
|
}
|
||||||
@@ -51,7 +46,11 @@ body {
|
|||||||
|
|
||||||
.input,
|
.input,
|
||||||
.select {
|
.select {
|
||||||
@apply block w-full py-1.5 rounded border-0 text-sm ring-1 ring-inset;
|
@apply text-black dark:bg-coolgray-100 dark:text-white ring-neutral-200 dark:ring-coolgray-300 block w-full py-1.5 rounded border-0 text-sm ring-1 ring-inset;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select {
|
||||||
|
@apply w-full;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input[type="password"] {
|
.input[type="password"] {
|
||||||
|
@@ -15,9 +15,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="pb-4">Deploy any public or private Git repositories through a GitHub App.</div>
|
<div class="pb-4">Deploy any public or private Git repositories through a GitHub App.</div>
|
||||||
@if ($github_apps->count() !== 0)
|
@if ($github_apps->count() !== 0)
|
||||||
<h2 class="pt-4 pb-4">Select a Github App</h2>
|
|
||||||
<div class="flex flex-col gap-2">
|
<div class="flex flex-col gap-2">
|
||||||
@if ($current_step === 'github_apps')
|
@if ($current_step === 'github_apps')
|
||||||
|
<h2 class="pt-4 pb-4">Select a Github App</h2>
|
||||||
<div class="flex flex-col justify-center gap-2 text-left">
|
<div class="flex flex-col justify-center gap-2 text-left">
|
||||||
@foreach ($github_apps as $ghapp)
|
@foreach ($github_apps as $ghapp)
|
||||||
<div class="flex">
|
<div class="flex">
|
||||||
@@ -43,7 +43,8 @@
|
|||||||
@endif
|
@endif
|
||||||
@if ($current_step === 'repository')
|
@if ($current_step === 'repository')
|
||||||
@if ($repositories->count() > 0)
|
@if ($repositories->count() > 0)
|
||||||
<div class="flex items-end gap-2">
|
<div class="flex flex-col gap-2 pb-6">
|
||||||
|
<div class="flex gap-2">
|
||||||
<x-forms.select class="w-full" label="Repository" wire:model="selected_repository_id">
|
<x-forms.select class="w-full" label="Repository" wire:model="selected_repository_id">
|
||||||
@foreach ($repositories as $repo)
|
@foreach ($repositories as $repo)
|
||||||
@if ($loop->first)
|
@if ($loop->first)
|
||||||
@@ -56,12 +57,14 @@
|
|||||||
@endif
|
@endif
|
||||||
@endforeach
|
@endforeach
|
||||||
</x-forms.select>
|
</x-forms.select>
|
||||||
|
</div>
|
||||||
<x-forms.button wire:click.prevent="loadBranches"> Load Repository </x-forms.button>
|
<x-forms.button wire:click.prevent="loadBranches"> Load Repository </x-forms.button>
|
||||||
</div>
|
</div>
|
||||||
@else
|
@else
|
||||||
<div>No repositories found. Check your GitHub App configuration.</div>
|
<div>No repositories found. Check your GitHub App configuration.</div>
|
||||||
@endif
|
@endif
|
||||||
@if ($branches->count() > 0)
|
@if ($branches->count() > 0)
|
||||||
|
<h2 class="text-lg font-bold">Configuration</h2>
|
||||||
<div class="flex flex-col gap-2 pb-6">
|
<div class="flex flex-col gap-2 pb-6">
|
||||||
<form class="flex flex-col" wire:submit='submit'>
|
<form class="flex flex-col" wire:submit='submit'>
|
||||||
<div class="flex flex-col gap-2 pb-6">
|
<div class="flex flex-col gap-2 pb-6">
|
||||||
|
Reference in New Issue
Block a user