fix: navbar and tabs overflow (#9891) (#10023)

* fix: secondary navbar overflow (#9891) * fix: secondary navbar --------- Co-authored-by: Eddie Jaoude <eddie@jaoudestudios.com>
EddieHubCommunity · Jan 21, 2024 · 6583729 · 6583729
1 parent fe1ca86
commit 6583729
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/components/Tabs.js b/components/Tabs.js
@@ -4,7 +4,7 @@ import { classNames } from "@services/utils/classNames";
 export default function Tabs({ tabs, setTabs, selectedTab, placeholder }) {
   return (
     <div>
-      <div className="sm:hidden">
+      <div className="lg:hidden">
         {tabs.length > 1 && (
           <Select
             name="tabs"
@@ -18,7 +18,7 @@ export default function Tabs({ tabs, setTabs, selectedTab, placeholder }) {
           />
         )}
       </div>
-      <div className="hidden sm:block mb-4">
+      <div className="hidden lg:block mb-4">
         <div className="border-b border-primary-medium-low">
           <nav className="-mb-px flex" aria-label="Tabs">
             {tabs.map((tab) => (

diff --git a/components/navbar/Navbar.js b/components/navbar/Navbar.js
@@ -154,7 +154,7 @@ export default function Navbar() {
                   <LogoWide onClick={() => setIsOpen(false)} width={128} />
                 </Link>
               </div>
-              <div className="hidden md:block">
+              <div className="hidden lg:block">
                 <ul className="ml-10 flex items-baseline space-x-4">
                   {primary.map((item) => (
                     <li key={item.name}>
@@ -168,7 +168,7 @@ export default function Navbar() {
                 </ul>
               </div>
             </div>
-            <div className="hidden md:block">
+            <div className="hidden lg:block">
               <div className="flex items-center gap-3">
                 {renderThemeChanger()}
                 <Link
@@ -187,7 +187,7 @@ export default function Navbar() {
                 {authControls()}
               </div>
             </div>
-            <div className="-mr-2 flex md:hidden">
+            <div className="-mr-2 flex lg:hidden">
               <button
                 onClick={() => setIsOpen(isOpen ? false : true)}
                 type="button"