feat(ui): Improve GitHub repository selection and styling

This commit is contained in:
Andras Bacsai
2025-03-11 22:29:17 +01:00
parent 911957ff66
commit e8b3f68e66
2 changed files with 22 additions and 20 deletions

View File

@@ -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"] {

View File

@@ -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">