franpcode/create-better-t-stack
1
0
Fork 0
mirror of https://github.com/FranP-code/create-better-t-stack.git synced 2025-10-12 23:52:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): navbar responsiveness

Browse Source
This commit is contained in:
Aman Varshney
2025-07-16 05:10:39 +05:30
parent 8a9ddc9f35
commit b3b3d86502
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web/src/app/(home)/_components/navbar.tsx
View File

@@ -116,7 +116,7 @@ export default function Navbar() {
</span> </span>
</Link> </Link>
<div className="hidden items-center gap-4 md:flex"> <div className="hidden items-center gap-4 lg:flex">
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
{desktopNavLinks.map((link) => ( {desktopNavLinks.map((link) => (
<Link <Link
@@ -156,7 +156,7 @@ export default function Navbar() {
<ThemeToggle /> <ThemeToggle />
</div> </div>
<div className="flex items-center gap-2 md:hidden"> <div className="flex items-center gap-2 lg:hidden">
<ThemeToggle /> <ThemeToggle />
<button <button
type="button" type="button"
@@ -183,7 +183,7 @@ export default function Navbar() {
animate={{ opacity: 1 }} animate={{ opacity: 1 }}
exit={{ opacity: 0 }} exit={{ opacity: 0 }}
transition={{ duration: 0.2, ease: "easeInOut" }} transition={{ duration: 0.2, ease: "easeInOut" }}
className="fixed inset-0 z-[98] bg-background/50 backdrop-blur-sm md:hidden" className="fixed inset-0 z-[98] bg-background/50 backdrop-blur-sm lg:hidden"
onClick={closeMobileMenu} onClick={closeMobileMenu}
aria-hidden="true" aria-hidden="true"
/> />
@@ -193,7 +193,7 @@ export default function Navbar() {
animate={{ x: 0 }} animate={{ x: 0 }}
exit={{ x: "100%" }} exit={{ x: "100%" }}
transition={{ type: "spring", stiffness: 300, damping: 30 }} transition={{ type: "spring", stiffness: 300, damping: 30 }}
className="fixed top-0 right-0 bottom-0 z-[99] h-full w-full max-w-xs overflow-y-auto border-border border-l bg-background shadow-lg md:hidden" className="fixed top-0 right-0 bottom-0 z-[99] h-full w-full max-w-xs overflow-y-auto border-border border-l bg-background shadow-lg lg:hidden"
aria-modal="true" aria-modal="true"
> >
<div className="flex h-16 items-center justify-between border-border border-b px-4"> <div className="flex h-16 items-center justify-between border-border border-b px-4">