Stick right sidebar on page bottom

2022-03-30 22:19:19 -07:00 · 2022-03-30 22:19:19 -07:00 · 67a9189057
commit 67a9189057
parent dde4a8b057
1 changed files with 3 additions and 0 deletions
--- a/web/components/page.tsx
+++ b/web/components/page.tsx
@ -28,6 +28,9 @@ export function Page(props: {
          )}
        >
          {children}
+
+          {/* If right sidebar is hidden, place its content at the bottom of the page. */}
+          <div className="block xl:hidden">{rightSidebar}</div>
        </main>
        <aside className="hidden xl:col-span-3 xl:block">
          <div className="sticky top-4 space-y-4">{rightSidebar}</div>