fix(ui): add flex-wrap to prevent overflow on small screens (#6307)

This commit is contained in:
Sandro Sobczyński
2025-08-04 14:09:26 +02:00
committed by GitHub
parent efdaf46d08
commit 554b566735

View File

@@ -21,7 +21,7 @@
</div> </div>
@else @else
@if ($isDisabled) @if ($isDisabled)
<div class="flex flex-col w-full gap-2 lg:flex-row"> <div class="flex flex-col w-full gap-2 flex-wrap lg:flex-row">
<x-forms.input disabled id="key" /> <x-forms.input disabled id="key" />
<x-forms.input disabled type="password" id="value" /> <x-forms.input disabled type="password" id="value" />
@if ($is_shared) @if ($is_shared)
@@ -29,7 +29,7 @@
@endif @endif
</div> </div>
@else @else
<div class="flex flex-col w-full gap-2 lg:flex-row"> <div class="flex flex-col w-full gap-2 flex-wrap lg:flex-row">
@if ($is_multiline) @if ($is_multiline)
<x-forms.input :required="$is_redis_credential" isMultiline="{{ $is_multiline }}" id="key" /> <x-forms.input :required="$is_redis_credential" isMultiline="{{ $is_multiline }}" id="key" />
<x-forms.textarea :required="$is_redis_credential" type="password" id="value" /> <x-forms.textarea :required="$is_redis_credential" type="password" id="value" />
@@ -42,7 +42,7 @@
@endif @endif
</div> </div>
@endif @endif
<div class="flex flex-col w-full gap-2 lg:flex-row"> <div class="flex flex-col w-full gap-2 flex-wrap lg:flex-row">
@if (!$is_redis_credential) @if (!$is_redis_credential)
@if ($type === 'service') @if ($type === 'service')
<x-forms.checkbox instantSave id="is_build_time" <x-forms.checkbox instantSave id="is_build_time"