feat(web): search add clear button

yjl9903 · Oct 4, 2024 · f458613 · f458613
1 parent 8164b73
commit f458613
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/apps/frontend/web/app/components/Search/Search.tsx b/apps/frontend/web/app/components/Search/Search.tsx
@@ -165,6 +165,13 @@ export const Search = memo(() => {
           onValueChange={setInput}
           className={`${enable ? 'searched' : ''}`}
         />
+        <span
+          className="absolute right-[20px] top-0 h-[30px] flex items-center cursor-pointer"
+          onMouseDown={() => cleanUp()}
+        >
+          <span className="i-carbon-close text-xl text-base-500 hover:text-base-900"></span>
+        </span>
+        <span className="absolute right-[20px] top-[4px] h-[22px] border-r"></span>
         <span
           className="absolute right-0 top-0 h-[30px] flex items-center cursor-pointer"
           onMouseDown={() => selectGoToSearch()}