open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Keep column always centered

Browse Source
This commit is contained in:
Austin Chen 2022-03-29 09:33:58 -07:00
parent 75563ca872
commit 0826345fa8
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/components/page.tsx
View File

@ -25,7 +25,14 @@ export function Page(props: {
<div className="hidden lg:col-span-3 lg:block xl:col-span-2"> <div className="hidden lg:col-span-3 lg:block xl:col-span-2">
<Sidebar /> <Sidebar />
</div> </div>
<main className="lg:col-span-9 xl:col-span-7">{children}</main> <main
className={clsx(
'lg:col-span-9',
rightSidebar ? 'xl:col-span-7' : 'xl:col-span-8'
)}
>
{children}
</main>
<aside className="hidden xl:col-span-3 xl:block"> <aside className="hidden xl:col-span-3 xl:block">
<div className="sticky top-4 space-y-4">{rightSidebar}</div> <div className="sticky top-4 space-y-4">{rightSidebar}</div>
</aside> </aside>