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

chore: Update ThemePage component to include padding for mobile view

Browse Source
This commit is contained in:
Mauro Balades
2024-08-17 22:15:27 +02:00
parent 57b43c6ad2
commit fa36454e77
22 changed files with 223 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -18,13 +18,16 @@ export function MobileNav() {
return (
<Sheet open={open} onOpenChange={setOpen}>
<SheetTrigger asChild>
<Button
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"
>
<SidebarOpen className="size-6" />
<span className="sr-only">Toggle Menu</span>
</Button>
<>
<Logo className="size-6 sm:hidden" />
<Button
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"
>
<SidebarOpen className="size-6" />
<span className="sr-only">Toggle Menu</span>
</Button>
</>
</SheetTrigger>
<SheetContent side="left" className="pr-0">
<MobileLink