chore: Update mobile navigation component layout and styles

This commit is contained in:
Mauro Balades
2024-08-17 22:56:34 +02:00
parent a7d380e457
commit 0e92957049

View File

@@ -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