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

datopian · Aug 10, 2023 · 8027026 · 8027026
1 parent af7812f
commit 8027026
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 7 deletions.
diff --git a/site/components/Community.tsx b/site/components/Community.tsx
@@ -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>
   );

diff --git a/site/components/Layout.tsx b/site/components/Layout.tsx
@@ -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">

diff --git a/site/components/MobileNavigation.tsx b/site/components/MobileNavigation.tsx
@@ -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>

diff --git a/site/components/Nav.tsx b/site/components/Nav.tsx
@@ -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"