hide title unless the viewport is 'small' or greater

primer · Oct 10, 2023 · b533400 · b533400
1 parent b3d0a39
commit b533400
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/react/src/SubdomainNavBar/SubdomainNavBar.tsx b/packages/react/src/SubdomainNavBar/SubdomainNavBar.tsx
@@ -80,7 +80,7 @@ function Root({
 }: SubdomainNavBarProps) {
   const [menuHidden, setMenuHidden] = useState(true)
   const [searchVisible, setSearchVisible] = useState(false)
-  const {isMedium} = useWindowSize()
+  const {isSmall, isMedium} = useWindowSize()
 
   const handleMobileMenuClick = () => setMenuHidden(!menuHidden)
   const handleSearchVisibility = () => setSearchVisible(!searchVisible)
@@ -154,7 +154,7 @@ function Root({
                   <MarkGithubIcon fill="currentColor" size={24} />
                 </a>
               </li>
-              {title && (
+              {title && isSmall && (
                 <>
                   <li role="separator" className={styles['SubdomainNavBar-title-separator']} aria-hidden>
                     /