From 802702639959c0fa9a77805473dbfda92e4a76c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Demenech?= <joaommdemenech@gmail.com>
Date: Thu, 10 Aug 2023 10:35:34 -0300
Subject: [PATCH] [site,#957][s]: improves mobile reponsiveness

---
 site/components/Community.tsx        |  2 +-
 site/components/Layout.tsx           |  2 +-
 site/components/MobileNavigation.tsx |  2 +-
 site/components/Nav.tsx              | 10 ++++++----
 4 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/site/components/Community.tsx b/site/components/Community.tsx
index 0c0abd477..c673d7e89 100644
--- 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
index f3fc0b0af..540f16f47 100644
--- 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
index df91cf82f..21a9262a4 100644
--- 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
index 296f6fda1..3bab3e893 100644
--- 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"