chore: Update mobile navigation component layout and styles
This commit is contained in:
@@ -18,8 +18,8 @@ export function MobileNav() {
|
|||||||
return (
|
return (
|
||||||
<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">
|
||||||
<Logo className="size-6 sm:hidden" />
|
<Logo className="size-6 ml-4 sm:hidden" />
|
||||||
<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 sm:hidden"
|
||||||
@@ -27,7 +27,7 @@ export function MobileNav() {
|
|||||||
<SidebarOpen className="size-6" />
|
<SidebarOpen className="size-6" />
|
||||||
<span className="sr-only">Toggle Menu</span>
|
<span className="sr-only">Toggle Menu</span>
|
||||||
</Button>
|
</Button>
|
||||||
</>
|
</div>
|
||||||
</SheetTrigger>
|
</SheetTrigger>
|
||||||
<SheetContent side="left" className="pr-0">
|
<SheetContent side="left" className="pr-0">
|
||||||
<MobileLink
|
<MobileLink
|
||||||
|
|||||||
Reference in New Issue
Block a user