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

Make banner visable on mobile

Browse Source
This commit is contained in:
Matt Carroll
2025-05-20 16:21:03 -07:00
parent f15830d5a1
commit 4d006f2c6c
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/SocialBanner.tsx
View File

@@ -33,14 +33,16 @@ export default function SocialBanner() {
<div
ref={ref}
className={cn(
`h-[40px] hidden lg:flex w-full bg-gray-100 dark:bg-gray-700 text-base md:text-lg py-2 sm:py-0 items-center justify-center flex-col sm:flex-row z-[100]`
`h-[40px] flex w-full bg-gray-100 dark:bg-gray-700 text-base md:text-lg py-2 items-center justify-center flex-col flex-row z-[100]`
)}>
<div className="hidden sm:block">{bannerText}</div>
<ExternalLink
className="ms-0 sm:ms-1 text-link dark:text-link-dark hover:underline"
href={bannerLink}>
{bannerLinkText}
</ExternalLink>
<div className="block">
{bannerText}
<ExternalLink
className="ms-1 text-link dark:text-link-dark hover:underline"
href={bannerLink}>
{bannerLinkText}
</ExternalLink>
</div>
</div>
);
}