Standard.site landing page built in Next.js
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Increase mobile nav expanded height

+4 -5
+4 -5
app/components/MobileNav.tsx
··· 3 3 import { useEffect, useState } from 'react' 4 4 import { ArrowUpRightIcon, MenuIcon, XIcon } from 'lucide-react' 5 5 import BlurEffect from 'react-progressive-blur' 6 - import { AnimateIn } from './AnimateIn' 7 - import { StandardSiteLogo } from './icons' 8 - import { EXTERNAL_LINKS, NAV_ITEMS } from '../data/content' 9 - import { scrollToElement } from '../lib/scroll' 6 + import { AnimateIn, StandardSiteLogo } from '@/app/components' 7 + import { EXTERNAL_LINKS, NAV_ITEMS } from '@/app/data/content' 8 + import { scrollToElement } from '@/app/lib/scroll' 10 9 11 10 export function MobileNav() { 12 11 const [isOpen, setIsOpen] = useState(false) ··· 88 87 <div 89 88 className={ `p-4 relative flex flex-col gap-6 z-40 mx-auto max-w-[38rem] w-full min-h-0 overflow-hidden rounded-2xl transition-all duration-300 ease-in-out ${ 90 89 isOpen 91 - ? 'bg-zinc-950 dark:bg-zinc-50 text-zinc-50 dark:text-zinc-950 h-[24.5rem]' 90 + ? 'bg-zinc-950 dark:bg-zinc-50 text-zinc-50 dark:text-zinc-950 h-[27.25rem]' 92 91 : 'text-base-content h-15' 93 92 }` }> 94 93 <div className="flex justify-between items-center">