fix: position Update button next to comment field for locked variables
Moved the Update button to appear inline with the comment field for better UX when editing comments on locked environment variables. The button now appears on the same row as the comment input on larger screens. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
c1be02dfb9
commit
dfb180601a
1 changed files with 6 additions and 6 deletions
|
|
@ -22,9 +22,12 @@
|
||||||
@endcan
|
@endcan
|
||||||
</div>
|
</div>
|
||||||
@can('update', $this->env)
|
@can('update', $this->env)
|
||||||
<div class="w-full">
|
<div class="flex flex-col w-full gap-2 lg:flex-row lg:items-end">
|
||||||
<x-forms.input id="comment" label="Comment (Optional)"
|
<div class="flex-1">
|
||||||
helper="Add a note to document what this environment variable is used for." maxlength="256" />
|
<x-forms.input id="comment" label="Comment (Optional)"
|
||||||
|
helper="Add a note to document what this environment variable is used for." maxlength="256" />
|
||||||
|
</div>
|
||||||
|
<x-forms.button type="submit">Update</x-forms.button>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col w-full gap-3">
|
<div class="flex flex-col w-full gap-3">
|
||||||
<div class="flex flex-wrap w-full items-center gap-4">
|
<div class="flex flex-wrap w-full items-center gap-4">
|
||||||
|
|
@ -71,9 +74,6 @@
|
||||||
@endif
|
@endif
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex w-full justify-end gap-2">
|
|
||||||
<x-forms.button type="submit">Update</x-forms.button>
|
|
||||||
</div>
|
|
||||||
@else
|
@else
|
||||||
<div class="flex flex-col w-full gap-3">
|
<div class="flex flex-col w-full gap-3">
|
||||||
<div class="flex flex-wrap w-full items-center gap-4">
|
<div class="flex flex-wrap w-full items-center gap-4">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue