add result page layout
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
import { AiOutlineSearch, AiOutlineClose } from 'react-icons/ai'
|
||||
import '../styles/Layout.module.css'
|
||||
import Link from 'next/link'
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
@@ -17,16 +17,16 @@ export default function HomePage() {
|
||||
laptop:w-[40%]
|
||||
"
|
||||
>
|
||||
<a className='rounded-3xl hover:border-black text-[#9aa0a6] px-3' onClick={() => console.log("Search for results")}><AiOutlineSearch size={25}/></a>
|
||||
<i className='rounded-3xl hover:border-black text-[#9aa0a6] px-3' onClick={() => console.log("Search for results")}><AiOutlineSearch size={25}/></i>
|
||||
<input className="bg-[#202124] group-hover:bg-[#303134] w-[80%] px-2 active:border-none text-white outline-none text-xl"/>
|
||||
<a className='rounded-3xl hover:border-black text-[#9aa0a6] px-3' onClick={() => console.log("Remove text from input")}><AiOutlineClose size={25} /></a>
|
||||
<i className='rounded-3xl hover:border-black text-[#9aa0a6] px-3' onClick={() => console.log("Remove text from input")}><AiOutlineClose size={25} /></i>
|
||||
</div>
|
||||
<a href='/search'><button
|
||||
<Link href='/search'><button
|
||||
className='py-1 px-10 mt-10 text-3xl rounded-md bg-[#303134] text-white font-serif border-[1px] border-[#303134] hover:border-[#fff] hover:border-[1px]'
|
||||
onClick={() => console.log("Searching")}
|
||||
>
|
||||
Traži
|
||||
</button></a>
|
||||
</button></Link>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user