joshuafhiggins/realm-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: Update mobile navigation component to hide logo and button on small screens

Browse Source
This commit is contained in:
Mauro Balades
2024-08-17 22:57:47 +02:00
parent 2fc2620ae3
commit 5441ed2741
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/mobile-nav.tsx
View File

@@ -19,10 +19,10 @@ export function MobileNav() {
<Sheet open={open} onOpenChange={setOpen}> <Sheet open={open} onOpenChange={setOpen}>
<SheetTrigger asChild> <SheetTrigger asChild>
<div className="z-40 flex w-full items-center space-between sm:hidden"> <div className="z-40 flex w-full items-center space-between sm:hidden">
<Logo className="size-6 ml-4 sm:hidden" /> <Logo className="size-6 ml-4" />
<Button <Button
variant="ghost" variant="ghost"
className="mr-2 px-0 ml-auto text-base hover:bg-transparent focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0 sm:hidden" className="mr-2 px-0 ml-auto text-base hover:bg-transparent focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0"
> >
<SidebarOpen className="size-6" /> <SidebarOpen className="size-6" />
<span className="sr-only">Toggle Menu</span> <span className="sr-only">Toggle Menu</span>