Mobile navbar includes Portfolio instead of Communities. Each option is labeled!
This commit is contained in:
parent
9420b10bd9
commit
ef0408dcdf
|
@ -321,8 +321,6 @@ export function MyBetsSummary(props: {
|
||||||
bets
|
bets
|
||||||
)
|
)
|
||||||
|
|
||||||
console.log(getContractBetMetrics(contract, bets))
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Row className={clsx('flex-wrap gap-4 sm:flex-nowrap sm:gap-6', className)}>
|
<Row className={clsx('flex-wrap gap-4 sm:flex-nowrap sm:gap-6', className)}>
|
||||||
<Row className="gap-4 sm:gap-6">
|
<Row className="gap-4 sm:gap-6">
|
||||||
|
|
|
@ -5,7 +5,7 @@ import {
|
||||||
HomeIcon,
|
HomeIcon,
|
||||||
MenuAlt3Icon,
|
MenuAlt3Icon,
|
||||||
SearchIcon,
|
SearchIcon,
|
||||||
UserGroupIcon,
|
TableIcon,
|
||||||
XIcon,
|
XIcon,
|
||||||
} from '@heroicons/react/outline'
|
} from '@heroicons/react/outline'
|
||||||
import { Transition, Dialog } from '@headlessui/react'
|
import { Transition, Dialog } from '@headlessui/react'
|
||||||
|
@ -18,32 +18,32 @@ export function BottomNavBar() {
|
||||||
return (
|
return (
|
||||||
<nav className="fixed inset-x-0 bottom-0 z-20 flex justify-between border-t-2 bg-white text-xs text-gray-700 lg:hidden">
|
<nav className="fixed inset-x-0 bottom-0 z-20 flex justify-between border-t-2 bg-white text-xs text-gray-700 lg:hidden">
|
||||||
<Link href="/home">
|
<Link href="/home">
|
||||||
<a className="block w-full py-2 px-3 text-center transition duration-300 hover:bg-indigo-200 hover:text-indigo-700">
|
<a className="block w-full py-1 px-3 text-center transition duration-300 hover:bg-indigo-200 hover:text-indigo-700">
|
||||||
<HomeIcon className="my-1 mx-auto h-6 w-6" aria-hidden="true" />
|
<HomeIcon className="my-1 mx-auto h-6 w-6" aria-hidden="true" />
|
||||||
{/* Home */}
|
Home
|
||||||
</a>
|
</a>
|
||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
<Link href="/markets">
|
<Link href="/markets">
|
||||||
<a className="block w-full py-2 px-3 text-center hover:bg-indigo-200 hover:text-indigo-700">
|
<a className="block w-full py-1 px-3 text-center hover:bg-indigo-200 hover:text-indigo-700">
|
||||||
<SearchIcon className="my-1 mx-auto h-6 w-6" aria-hidden="true" />
|
<SearchIcon className="my-1 mx-auto h-6 w-6" aria-hidden="true" />
|
||||||
{/* Explore */}
|
Search
|
||||||
</a>
|
</a>
|
||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
<Link href="/folds">
|
<Link href="/portfolio">
|
||||||
<a className="block w-full py-2 px-3 text-center hover:bg-indigo-200 hover:text-indigo-700">
|
<a className="block w-full py-1 px-3 text-center hover:bg-indigo-200 hover:text-indigo-700">
|
||||||
<UserGroupIcon className="my-1 mx-auto h-6 w-6" aria-hidden="true" />
|
<TableIcon className="my-1 mx-auto h-6 w-6" aria-hidden="true" />
|
||||||
{/* Folds */}
|
Portfolio
|
||||||
</a>
|
</a>
|
||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
<span
|
<span
|
||||||
className="block w-full py-2 px-3 text-center hover:cursor-pointer hover:bg-indigo-200 hover:text-indigo-700"
|
className="block w-full py-1 px-3 text-center hover:cursor-pointer hover:bg-indigo-200 hover:text-indigo-700"
|
||||||
onClick={() => setSidebarOpen(true)}
|
onClick={() => setSidebarOpen(true)}
|
||||||
>
|
>
|
||||||
<MenuAlt3Icon className="my-1 mx-auto h-6 w-6" aria-hidden="true" />
|
<MenuAlt3Icon className="my-1 mx-auto h-6 w-6" aria-hidden="true" />
|
||||||
{/* Menu */}
|
More
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<MobileSidebar
|
<MobileSidebar
|
||||||
|
|
Loading…
Reference in New Issue
Block a user