Rearrange layout
This commit is contained in:
parent
47f758bba8
commit
90f6aa7d06
|
@ -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>
|
||||||
)
|
)
|
||||||
|
|
Loading…
Reference in New Issue
Block a user