knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[site,#957][s]: improves mobile reponsiveness

Browse Source
This commit is contained in:
João Demenech 2023-08-10 10:35:34 -03:00
parent af7812f689
commit 8027026399
4 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/components/Community.tsx
View File

@ -10,7 +10,7 @@ import { useEffect, useState } from 'react';
const Stat = ({ title, value, ...props }) => { const Stat = ({ title, value, ...props }) => {
return ( return (
<div {...props}> <div {...props}>
<span className="text-6xl font-bold text-secondary">{value}</span> <span className="text-4xl sm:text-6xl font-bold text-secondary">{value}</span>
<p className="text-lg font-medium">{title}</p> <p className="text-lg font-medium">{title}</p>
</div> </div>
); );

2
site/components/Layout.tsx
View File

@ -86,7 +86,7 @@ export default function Layout({
<> <>
{title && <NextSeo title={title} description={description} />} {title && <NextSeo title={title} description={description} />}
<Nav /> <Nav />
<div className="mx-auto p-6 bg-background dark:bg-background-dark"> <div className="mx-auto p-2 sm:p-6 bg-background dark:bg-background-dark">
{isHomePage && <Hero />} {isHomePage && <Hero />}
<div className="relative mx-auto flex max-w-8xl justify-center sm:px-2 lg:px-8 xl:px-12"> <div className="relative mx-auto flex max-w-8xl justify-center sm:px-2 lg:px-8 xl:px-12">

2
site/components/MobileNavigation.tsx
View File

@ -92,7 +92,7 @@ export default function MobileNavigation({ navigation }) {
> >
{/* <Logomark className="h-9 w-9" /> */} {/* <Logomark className="h-9 w-9" /> */}
<div className="font-extrabold text-slate-900 dark:text-white text-2xl ml-6"> <div className="font-extrabold text-slate-900 dark:text-white text-2xl ml-6">
{siteConfig.title} PortalJS
</div> </div>
</Link> </Link>
</div> </div>

10
site/components/Nav.tsx
View File

@ -95,7 +95,10 @@ export default function Nav() {
<MobileNavigation navigation={siteConfig.navLinks} /> <MobileNavigation navigation={siteConfig.navLinks} />
</div> </div>
<div className="flex flex-none items-center"> <div className="flex flex-none items-center">
<NavbarTitle /> <div className='hidden sm:block'>
<NavbarTitle />
</div>
<div className="hidden lg:flex ml-8 mr-6 sm:mr-8 md:mr-0"> <div className="hidden lg:flex ml-8 mr-6 sm:mr-8 md:mr-0">
{siteConfig.navLinks.map((item) => ( {siteConfig.navLinks.map((item) => (
<NavItem item={item} key={item.name} /> <NavItem item={item} key={item.name} />
@ -123,9 +126,8 @@ export default function Nav() {
)} )}
{siteConfig.github && ( {siteConfig.github && (
<div className="mt-1"> <div className="mt-1">
< <// @ts-ignore
// @ts-ignore GitHubButton
GitHubButton
href={siteConfig.github} href={siteConfig.github}
data-color-scheme="no-preference: light; light: light; dark: dark;" data-color-scheme="no-preference: light; light: light; dark: dark;"
data-size="large" data-size="large"