refactor: Improve search input layout and styling for server section

This commit is contained in:
2026-02-25 20:35:01 -05:00
parent f220e1fbca
commit 6916c3f8c0

View File

@@ -18,9 +18,9 @@
<div class="pb-6 space-y-4">
<span class="text-2xl font-bold">Servers</span>
@if(count($servers) > 1)
<div class="relative w-full sm:w-80" x-data="{ search: '' }">
<div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
<svg class="size-4 text-base/60" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<div class="relative" x-data="{ search: '' }">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<svg class="w-4 h-4 text-body" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
</svg>
</div>
@@ -35,7 +35,7 @@
});
"
placeholder="Filter servers..."
class="w-full pl-11 pr-3 py-2.5 text-sm rounded-lg border border-neutral bg-background focus:outline-none focus:ring-1 focus:ring-primary focus:border-primary placeholder:text-base/40" />
class="block w-full ps-9 pe-3 py-2.5 bg-neutral-secondary-medium border border-default-medium text-heading text-sm rounded-base focus:ring-brand focus:border-brand shadow-xs placeholder:text-body" />
</div>
@endif
</div>