pleb/flockstr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixing mobile nav

Browse Source
This commit is contained in:
zmeyer44 2023-10-25 08:05:12 -04:00
parent 56862f4a48
commit 27ddb69181
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/(app)/_layout/BottomNav.tsx
View File

@ -9,7 +9,7 @@ import { cn } from "@/lib/utils";
export default function BottomNav() { export default function BottomNav() {
const navigationItems = [ const navigationItems = [
{ {
href: "", href: "/app",
name: "home", name: "home",
icon: RiHome6Fill, icon: RiHome6Fill,
current: true, current: true,

8
app/(app)/_layout/Header.tsx
View File

@ -1,3 +1,4 @@
import Link from "next/link";
import AuthActions from "./components/AuthActions"; import AuthActions from "./components/AuthActions";
import Logo from "@/assets/Logo"; import Logo from "@/assets/Logo";
import dynamic from "next/dynamic"; import dynamic from "next/dynamic";
@ -10,12 +11,15 @@ export default function Header() {
<header className="flex h-[var(--header-height)] shrink-0 grow-0 "> <header className="flex h-[var(--header-height)] shrink-0 grow-0 ">
<div className="fixed z-header flex h-[var(--header-height)] w-full grow border-b bg-background p-5 sm:w-[calc(100vw_-_var(--sidebar-closed-width))] sm:border-b-0 sm:py-0 xl:w-[calc(100vw_-_var(--sidebar-open-width))]"> <div className="fixed z-header flex h-[var(--header-height)] w-full grow border-b bg-background p-5 sm:w-[calc(100vw_-_var(--sidebar-closed-width))] sm:border-b-0 sm:py-0 xl:w-[calc(100vw_-_var(--sidebar-open-width))]">
<div className="flex flex-1 items-stretch justify-between gap-x-4 sm:border-b"> <div className="flex flex-1 items-stretch justify-between gap-x-4 sm:border-b">
<div className="center justify-between gap-x-3 text-foreground"> <Link
href="/app"
className="center justify-between gap-x-3 text-foreground"
>
<Logo className="h-[30px] w-[30px] text-primary sm:hidden" /> <Logo className="h-[30px] w-[30px] text-primary sm:hidden" />
<div className="font-condensed text-xl font-semibold text-foreground xl:hidden"> <div className="font-condensed text-xl font-semibold text-foreground xl:hidden">
Flockstr Flockstr
</div> </div>
</div> </Link>
<div className="flex grow items-center justify-end gap-x-4 xl:justify-between"> <div className="flex grow items-center justify-end gap-x-4 xl:justify-between">
<div className="hidden sm:flex"> <div className="hidden sm:flex">
<Search /> <Search />