amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-25 23:05:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixes for banner on beta (#4435)

Browse Source
This commit is contained in:
Ricky
2022-03-06 10:43:05 -05:00
committed by GitHub
parent d90fd21fdb
commit a08e1fd4b5
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
beta/src/components/Layout/Page.tsx
View File

@@ -28,7 +28,7 @@ export function Page({routeTree, children}: PageProps) {
<div className="flex flex-1 w-full h-full self-stretch">
<div className="w-full min-w-0">
<main className="flex flex-1 self-stretch flex-col items-end justify-around">
<main className="flex flex-1 self-stretch mt-10 flex-col items-end justify-around">
{children}
<Footer />
</main>

2
beta/src/components/Layout/Toc.tsx
View File

@@ -19,7 +19,7 @@ export function Toc({
return (
<nav
role="navigation"
className="pt-6 fixed top-0 right-0"
className="pt-6 fixed top-10 right-0"
style={{
// This keeps the layout fixed width instead of adjusting for content.
width: 'inherit',

2
beta/src/components/SocialBanner.tsx
View File

@@ -14,7 +14,7 @@ const bannerLinkText = 'Help Provide Humanitarian Aid to Ukraine.';
export default function SocialBanner() {
return (
<div className="w-full bg-gray-100 dark:bg-gray-700 sticky py-2 h-16 sm:h-10 sm:py-0 flex items-center justify-center flex-col sm:flex-row">
<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">
{bannerText}
<ExternalLink
className="ml-0 sm:ml-1 text-link dark:text-link-dark hover:underline"