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
|
||||
</div>
|
||||
@can('update', $this->env)
|
||||
<div class="w-full">
|
||||
<x-forms.input id="comment" label="Comment (Optional)"
|
||||
helper="Add a note to document what this environment variable is used for." maxlength="256" />
|
||||
<div class="flex flex-col w-full gap-2 lg:flex-row lg:items-end">
|
||||
<div class="flex-1">
|
||||
<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 class="flex flex-col w-full gap-3">
|
||||
<div class="flex flex-wrap w-full items-center gap-4">
|
||||
|
|
@ -71,9 +74,6 @@
|
|||
@endif
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex w-full justify-end gap-2">
|
||||
<x-forms.button type="submit">Update</x-forms.button>
|
||||
</div>
|
||||
@else
|
||||
<div class="flex flex-col w-full gap-3">
|
||||
<div class="flex flex-wrap w-full items-center gap-4">
|
||||
|
|
|
|||
Loading…
Reference in a new issue