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

fix: make environment variable forms responsive

Browse source 
Replace horizontal scrolling with flex-wrap for checkbox containers
in environment variable forms to improve mobile responsiveness.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Andras Bacsai 2025-10-25 10:22:19 +02:00
parent 7ed0b00375
commit 04ee546a49
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -23,7 +23,7 @@
</div> </div>
@can('update', $this->env) @can('update', $this->env)
<div class="flex flex-col w-full gap-3"> <div class="flex flex-col w-full gap-3">
<div class="flex w-full items-center gap-4 overflow-x-auto whitespace-nowrap"> <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')
<x-forms.checkbox instantSave id="is_buildtime" <x-forms.checkbox instantSave id="is_buildtime"
@ -69,7 +69,7 @@
</div> </div>
@else @else
<div class="flex flex-col w-full gap-3"> <div class="flex flex-col w-full gap-3">
<div class="flex w-full items-center gap-4 overflow-x-auto whitespace-nowrap"> <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')
<x-forms.checkbox disabled id="is_buildtime" <x-forms.checkbox disabled id="is_buildtime"
@ -145,7 +145,7 @@
@endcan @endcan
@can('update', $this->env) @can('update', $this->env)
<div class="flex flex-col w-full gap-3"> <div class="flex flex-col w-full gap-3">
<div class="flex w-full items-center gap-4 overflow-x-auto whitespace-nowrap"> <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')
<x-forms.checkbox instantSave id="is_buildtime" <x-forms.checkbox instantSave id="is_buildtime"
@ -213,7 +213,7 @@
</div> </div>
@else @else
<div class="flex flex-col w-full gap-3"> <div class="flex flex-col w-full gap-3">
<div class="flex w-full items-center gap-4 overflow-x-auto whitespace-nowrap"> <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')
<x-forms.checkbox disabled id="is_buildtime" <x-forms.checkbox disabled id="is_buildtime"