Rearrange layout

This commit is contained in:
James Grugett 2022-09-14 14:51:50 -05:00
parent 47f758bba8
commit 90f6aa7d06

View File

@ -53,16 +53,18 @@ export default function Home() {
return ( return (
<Page> <Page>
<Col className="pm:mx-10 gap-4 px-4 pb-12 pt-2 sm:pt-0"> <Col className="pm:mx-10 gap-4 px-4 pb-12 pt-4 sm:pt-0">
<Row className={'w-full items-start justify-between gap-8'}> <Row className={'w-full items-start justify-between gap-8'}>
<Row className="items-end gap-4"> <Row className="items-end gap-4">
<Title className="!mb-1 !mt-0" text="Home" /> <Title className="!mb-1 !mt-0" text="Home" />
<EditButton /> <EditButton />
</Row> </Row>
<DailyProfitAndBalance className="" user={user} />
</Row> </Row>
<Row className={'w-full items-center gap-8'}>
<SearchRow /> <SearchRow />
<DailyProfitAndBalance className="" user={user} />
</Row>
{sections.map((item) => { {sections.map((item) => {
const { id } = item const { id } = item
@ -215,7 +217,7 @@ function EditButton(props: { className?: string }) {
function SearchRow() { function SearchRow() {
return ( return (
<SiteLink href="/search" className="hover:no-underline"> <SiteLink href="/search" className="flex-1 hover:no-underline">
<input className="input input-bordered w-full" placeholder="Search" /> <input className="input input-bordered w-full" placeholder="Search" />
</SiteLink> </SiteLink>
) )