fix: adjust input padding and disable pointer events for search icon in Proxmox help view to improve user experience

This commit is contained in:
2025-12-01 11:06:16 -05:00
parent 27af2b9d43
commit ab8d4e84ee

View File

@@ -23,12 +23,12 @@
<h3 class="text-lg font-semibold">Help Topics</h3>
</div>
<div class="relative">
<x-ri-search-line class="size-4 text-base/50 absolute left-3 top-1/2 -translate-y-1/2" />
<x-ri-search-line class="size-4 text-base/50 absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none" />
<input
type="text"
x-model="searchQuery"
placeholder="Search help..."
class="w-full pl-9 pr-3 py-1.5 text-sm rounded-md border border-neutral/60 bg-background focus:outline-none focus:ring-1 focus:ring-primary focus:border-primary"
class="w-full pl-10 pr-3 py-1.5 text-sm rounded-md border border-neutral/60 bg-background focus:outline-none focus:ring-1 focus:ring-primary focus:border-primary"
/>
</div>
</div>