[site,#957][s]: improves mobile reponsiveness
This commit is contained in:
parent
af7812f689
commit
8027026399
@ -10,7 +10,7 @@ import { useEffect, useState } from 'react';
|
||||
const Stat = ({ title, value, ...props }) => {
|
||||
return (
|
||||
<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>
|
||||
</div>
|
||||
);
|
||||
|
||||
@ -86,7 +86,7 @@ export default function Layout({
|
||||
<>
|
||||
{title && <NextSeo title={title} description={description} />}
|
||||
<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 />}
|
||||
|
||||
<div className="relative mx-auto flex max-w-8xl justify-center sm:px-2 lg:px-8 xl:px-12">
|
||||
|
||||
@ -92,7 +92,7 @@ export default function MobileNavigation({ navigation }) {
|
||||
>
|
||||
{/* <Logomark className="h-9 w-9" /> */}
|
||||
<div className="font-extrabold text-slate-900 dark:text-white text-2xl ml-6">
|
||||
{siteConfig.title}
|
||||
PortalJS
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
@ -95,7 +95,10 @@ export default function Nav() {
|
||||
<MobileNavigation navigation={siteConfig.navLinks} />
|
||||
</div>
|
||||
<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">
|
||||
{siteConfig.navLinks.map((item) => (
|
||||
<NavItem item={item} key={item.name} />
|
||||
@ -123,9 +126,8 @@ export default function Nav() {
|
||||
)}
|
||||
{siteConfig.github && (
|
||||
<div className="mt-1">
|
||||
<
|
||||
// @ts-ignore
|
||||
GitHubButton
|
||||
<// @ts-ignore
|
||||
GitHubButton
|
||||
href={siteConfig.github}
|
||||
data-color-scheme="no-preference: light; light: light; dark: dark;"
|
||||
data-size="large"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user