rosslh/coolify
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(environment-variable): align settings and actions responsively

Browse source
This commit is contained in:
Andras Bacsai 2026-07-14 14:02:34 +02:00
parent 59605fe7d3
commit 198e9f8fff
2 changed files with 15 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
resources/views/livewire/project/shared/environment-variable/show.blade.php
View file

@ -217,8 +217,9 @@ class="input italic !text-neutral-500 dark:!text-neutral-500" />
</div> </div>
@endcan @endcan
@can('update', $this->env) @can('update', $this->env)
<div class="flex flex-col w-full gap-3"> <div class="flex w-full flex-col gap-3 lg:flex-row lg:items-start lg:justify-between">
<div class="flex flex-wrap w-full items-center gap-4"> <div class="flex min-w-0 flex-1 flex-col gap-3">
<div class="flex flex-wrap w-full items-center gap-4">
@if (!$is_redis_credential) @if (!$is_redis_credential)
@if ($type === 'service') @if ($type === 'service')
@if (!$isMagicVariable) @if (!$isMagicVariable)
@ -266,10 +267,11 @@ class="input italic !text-neutral-500 dark:!text-neutral-500" />
@endif @endif
@endif @endif
@endif @endif
</div>
<x-environment-variable-warning :problematic-variables="$problematicVariables" />
</div> </div>
<x-environment-variable-warning :problematic-variables="$problematicVariables" />
@if (!$isMagicVariable) @if (!$isMagicVariable)
<div class="flex w-full justify-end gap-2"> <div class="flex w-full justify-end gap-2 lg:w-auto lg:shrink-0">
@if ($isDisabled) @if ($isDisabled)
<x-forms.button disabled type="submit">Update</x-forms.button> <x-forms.button disabled type="submit">Update</x-forms.button>
<x-forms.button wire:click='lock'>Lock</x-forms.button> <x-forms.button wire:click='lock'>Lock</x-forms.button>
@ -291,7 +293,7 @@ class="input italic !text-neutral-500 dark:!text-neutral-500" />
@endif @endif
</div> </div>
@elseif ($type === 'service') @elseif ($type === 'service')
<div class="flex w-full justify-end gap-2"> <div class="flex w-full justify-end gap-2 lg:w-auto lg:shrink-0">
<x-forms.button wire:click='lock'>Lock</x-forms.button> <x-forms.button wire:click='lock'>Lock</x-forms.button>
</div> </div>
@endif @endif

8
tests/Feature/EnvironmentVariableMultilineToggleViewTest.php
View file

@ -27,6 +27,14 @@
expect($view)->not->toContain('buttonFullWidth="true"'); expect($view)->not->toContain('buttonFullWidth="true"');
}); });
it('aligns environment variable settings and actions in a responsive row', function () {
$view = file_get_contents(resource_path('views/livewire/project/shared/environment-variable/show.blade.php'));
expect($view)
->toContain('class="flex w-full flex-col gap-3 lg:flex-row lg:items-start lg:justify-between"')
->toContain('class="flex w-full justify-end gap-2 lg:w-auto lg:shrink-0"');
});
it('uses sans font for the developer bulk environment variable editor', function () { it('uses sans font for the developer bulk environment variable editor', function () {
$view = file_get_contents(resource_path('views/livewire/project/shared/environment-variable/all.blade.php')); $view = file_get_contents(resource_path('views/livewire/project/shared/environment-variable/all.blade.php'));