fix: adjust input padding and disable pointer events for search icon in Proxmox help view to improve user experience
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user