wonderlandpark/core
2
1
Fork 0
mirror of https://github.com/koreanbots/core.git synced 2025-12-15 14:10:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: added search icon in search input

Browse Source
This commit is contained in:
원더 2021-01-30 13:23:31 +09:00
parent ea67c80f2c
commit e7fd018028
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/Search.tsx
View File

@ -1,11 +1,12 @@
// import { useState } from 'react'
const Search = (): JSX.Element => {
return (
<div className='relative w-full mt-5 flex'>
<input type='search' className='outline-none shadow rounded-lg border-0 p-3 w-full h-16 text-xl dark:bg-very-black pr-20' placeholder='검색...' />
</div>
)
return <div className='relative w-full mt-5 text-black bg-white dark:text-gray-100 dark:bg-very-black flex rounded-lg'>
<input className='bg-transparent flex-grow outline-none border-none shadow border-0 py-3 px-7 pr-20 h-16 text-xl' placeholder='검색...' />
<button className='outline-none cusor-pointer absolute right-0 top-0 mt-5 mr-5'>
<i className='text-gray-600 hover:text-gray-700 text-2xl fas fa-search' />
</button>
</div>
}
interface SearchProps {