Tweak home search bar spacing on mobile

This commit is contained in:
James Grugett 2022-10-02 17:04:04 -05:00
parent 2c223160ed
commit 8c1131ebab

View File

@ -96,11 +96,13 @@ export default function Home() {
<Toaster /> <Toaster />
<Col className="pm:mx-10 gap-4 px-4 pb-8 pt-4 sm:pt-0"> <Col className="pm:mx-10 gap-4 px-4 pb-8 pt-4 sm:pt-0">
<Row className={'mb-2 w-full items-center justify-between gap-8'}> <Row
className={'mb-2 w-full items-center justify-between gap-4 sm:gap-8'}
>
<input <input
type="text" type="text"
placeholder={'Search'} placeholder={'Search'}
className="input input-bordered w-full sm:flex" className="input input-bordered w-full"
onClick={() => Router.push('/search')} onClick={() => Router.push('/search')}
/> />
<CustomizeButton justIcon /> <CustomizeButton justIcon />