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