fix: make proxy logs page responsive
The proxy logs form controls were not responsive on mobile devices. The form now stacks vertically on mobile and displays horizontally on larger screens. Changes: - Changed form layout to flex-col on mobile, flex-row on sm+ screens - Made input field full width on mobile (w-full), fixed width (w-96) on sm+ screens - Adjusted gap spacing for better mobile experience (gap-4 on mobile, gap-2 on sm+) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
3368fbda9f
commit
a1ece556d4
1 changed files with 2 additions and 2 deletions
|
|
@ -46,8 +46,8 @@
|
|||
<x-loading wire:poll.2000ms='getLogs(true)' />
|
||||
@endif
|
||||
</div>
|
||||
<form wire:submit='getLogs(true)' class="flex gap-2 items-end">
|
||||
<div class="w-96">
|
||||
<form wire:submit='getLogs(true)' class="flex flex-col gap-4 sm:flex-row sm:gap-2 sm:items-end">
|
||||
<div class="w-full sm:w-96">
|
||||
<x-forms.input label="Only Show Number of Lines" placeholder="100" type="number" required
|
||||
id="numberOfLines" :readonly="$streamLogs"></x-forms.input>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue