update(Search): Add Input border with active.

feature/artists
mackt 6 months ago
parent 9d7001be14
commit 108c93a7ed

@ -36,7 +36,7 @@ export default function SearchInput({ className, onInput, onFocus }: IProps) {
<div className={`relative w-208px h-38px ${className}`}> <div className={`relative w-208px h-38px ${className}`}>
<input <input
value={value} value={value}
className={`w-full h-full px-45px border-0.5px border-#e1e1e1 text-13px leading-38px text-#000/95 placeholder-#000/70 bg-#f2f3f7 rounded-47px ${(active || value) && `border-#000/95 bg-transparent`}`} className={`w-full h-full px-45px border-0.5px text-13px leading-38px text-#000/95 placeholder-#000/70 bg-#f2f3f7 rounded-47px ${active || value ? `border-#000/95 bg-transparent` : 'border-#e1e1e1'}`}
placeholder="输入期刊/歌曲名" placeholder="输入期刊/歌曲名"
onInput={(e: any) => handleInput(e.target.value)} onInput={(e: any) => handleInput(e.target.value)}
onFocus={handleFocus} onFocus={handleFocus}

Loading…
Cancel
Save