diff --git a/apps/docs/components/AuthProviders.tsx b/apps/docs/components/AuthProviders.tsx index f4f9197af3a..22bd59a19e2 100644 --- a/apps/docs/components/AuthProviders.tsx +++ b/apps/docs/components/AuthProviders.tsx @@ -3,7 +3,7 @@ import ButtonCard from './ButtonCard' export default function AuthProviders() { return ( -
+
{providers.map((x) => (
diff --git a/apps/docs/components/CodeBlock/CodeBlock.tsx b/apps/docs/components/CodeBlock/CodeBlock.tsx index 6733b465b54..7f4074f4717 100644 --- a/apps/docs/components/CodeBlock/CodeBlock.tsx +++ b/apps/docs/components/CodeBlock/CodeBlock.tsx @@ -62,7 +62,7 @@ function CodeBlock(props: Props) { { }, ] return ( -
+
{frameworks.map((x) => (
{ return ( -
+
{examples.map((x) => (
diff --git a/apps/docs/components/Navigation/NavBar.tsx b/apps/docs/components/Navigation/NavBar.tsx index f81fa2097da..8a2d2927e76 100644 --- a/apps/docs/components/Navigation/NavBar.tsx +++ b/apps/docs/components/Navigation/NavBar.tsx @@ -14,6 +14,7 @@ interface Props { const NavBar: FC = ({ currentPage }) => { const { isDarkMode, toggleTheme } = useTheme() const [mounted, setMounted] = useState(false) + const [mobileMenuOpen, setMobileMenuOpen] = useState(false) const { asPath, push } = useRouter() const pathSegments = asPath.split('/') @@ -53,6 +54,19 @@ const NavBar: FC = ({ currentPage }) => { } } + const toggleMobileMenu = () => { + setMobileMenuOpen(!mobileMenuOpen) + const sidebar = document.querySelector('.sidebar-menu-container') + const contentPane = document.querySelector('.main-content-pane') + + sidebar.classList.toggle('hidden') + contentPane.classList.toggle('hidden') + } + + useEffect(() => { + if (mobileMenuOpen) toggleMobileMenu() + }, [asPath]) + return (