fix(ui): add flex-wrap to prevent overflow on small screens (#6307)
This commit is contained in:

committed by
GitHub

parent
efdaf46d08
commit
554b566735
@@ -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"
|
||||||
|
Reference in New Issue
Block a user