Skip to content

Commit 8b5ce4d

Browse files
committed
Fix mobile layout on beta
1 parent a08e1fd commit 8b5ce4d

File tree

3 files changed

+3
-3
lines changed

3 files changed

+3
-3
lines changed

beta/src/components/Layout/Page.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ export function Page({routeTree, children}: PageProps) {
2828

2929
<div className="flex flex-1 w-full h-full self-stretch">
3030
<div className="w-full min-w-0">
31-
<main className="flex flex-1 self-stretch mt-10 flex-col items-end justify-around">
31+
<main className="flex flex-1 self-stretch mt-16 sm:mt-10 flex-col items-end justify-around">
3232
{children}
3333
<Footer />
3434
</main>

beta/src/components/Layout/Sidebar/Sidebar.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ export function Sidebar() {
3131
isOpen ? 'block z-40' : 'hidden lg:block'
3232
)}
3333
aria-hidden={isHidden}>
34-
<div className="px-5">
34+
<div className="px-5 pt-16 sm:pt-10 lg:pt-0">
3535
<Search />
3636
</div>
3737
<nav

beta/src/components/SocialBanner.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ const bannerLinkText = 'Help Provide Humanitarian Aid to Ukraine.';
1414

1515
export default function SocialBanner() {
1616
return (
17-
<div className="w-full bg-gray-100 dark:bg-gray-700 fixed py-2 h-16 sm:h-10 sm:py-0 flex items-center justify-center flex-col sm:flex-row z-50">
17+
<div className="w-full bg-gray-100 dark:bg-gray-700 fixed py-2 h-16 sm:h-10 sm:py-0 flex items-center justify-center flex-col sm:flex-row z-[100]">
1818
{bannerText}
1919
<ExternalLink
2020
className="ml-0 sm:ml-1 text-link dark:text-link-dark hover:underline"

0 commit comments

Comments
 (0)