mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
45 lines
No EOL
1.3 KiB
HTML
45 lines
No EOL
1.3 KiB
HTML
<!-- From Uiverse.io by Denon761 - Tags: input -->
|
|
<div class="flex items-center justify-center">
|
|
<div class="relative w-80">
|
|
<input
|
|
class="w-full p-3 pl-10 pr-12 border-gray text-white bg-black rounded-2xl outline-none glowing-border"
|
|
placeholder="Search..."
|
|
type="text"
|
|
/>
|
|
<button
|
|
class="absolute right-1 top-1 p-2 bg-gray-800 rounded-xl filter-btn"
|
|
>
|
|
<svg
|
|
stroke="currentColor"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
class="h-6 w-6 text-white"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2a1 1 0 01-.293.707l-7.414 7.414A1 1 0 0013 15v5a1 1 0 01-1 1h-2a1 1 0 01-1-1v-5a1 1 0 00-.293-.707L3.293 6.707A1 1 0 013 6V4z"
|
|
stroke-width="2"
|
|
stroke-linejoin="round"
|
|
stroke-linecap="round"
|
|
></path>
|
|
</svg>
|
|
</button>
|
|
<svg
|
|
stroke="currentColor"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
class="absolute left-3 top-3 h-6 w-6 text-white"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
|
|
stroke-width="2"
|
|
stroke-linejoin="round"
|
|
stroke-linecap="round"
|
|
></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|