refactor: Enhance search input styling for improved layout and consistency
This commit is contained in:
@@ -18,9 +18,9 @@
|
||||
<div class="pb-6 space-y-4">
|
||||
<span class="text-2xl font-bold">Servers</span>
|
||||
@if(count($servers) > 1)
|
||||
<div style="position: relative; width: 100%;" x-data="{ search: '' }">
|
||||
<div style="position: absolute; top: 0; bottom: 0; left: 0; display: flex; align-items: center; padding-left: 14px; pointer-events: none; z-index: 1;">
|
||||
<svg style="width: 16px; height: 16px; opacity: 0.5; color: inherit;" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
||||
<div class="relative w-full" x-data="{ search: '' }">
|
||||
<div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none z-[1]">
|
||||
<svg class="w-4 h-4 opacity-50" 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..."
|
||||
style="width: 100%; padding: 10px 12px 10px 40px; font-size: 14px; border: 1px solid rgba(128,128,128,0.3); border-radius: 8px; background: rgba(128,128,128,0.05); outline: none; box-shadow: 0 1px 2px rgba(0,0,0,0.05);" />
|
||||
class="block w-full text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out py-2.5 pr-2.5" style="padding-left: 2.5rem;" />
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user