open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix nav style on tablet

Browse Source
This commit is contained in:
Sinclair Chen 2022-09-21 12:27:09 -07:00
parent a10605e74c
commit 294cc9b614
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/components/nav/group-nav-bar.tsx
View File

@ -1,4 +1,7 @@
import { ClipboardIcon, HomeIcon } from '@heroicons/react/outline' import {
ClipboardIcon,
PresentationChartLineIcon,
} from '@heroicons/react/outline'
import { Item } from './sidebar-item' import { Item } from './sidebar-item'
import clsx from 'clsx' import clsx from 'clsx'
@ -10,7 +13,7 @@ import router from 'next/router'
import { userProfileItem } from './bottom-nav-bar' import { userProfileItem } from './bottom-nav-bar'
const mobileGroupNavigation = [ const mobileGroupNavigation = [
{ name: 'Markets', key: 'markets', icon: HomeIcon }, { name: 'Markets', key: 'markets', icon: PresentationChartLineIcon },
{ name: 'Leaderboard', key: 'leaderboards', icon: TrophyIcon }, { name: 'Leaderboard', key: 'leaderboards', icon: TrophyIcon },
{ name: 'About', key: 'about', icon: ClipboardIcon }, { name: 'About', key: 'about', icon: ClipboardIcon },
] ]

4
web/components/nav/group-sidebar.tsx
View File

@ -1,4 +1,4 @@
import { ClipboardIcon, HomeIcon } from '@heroicons/react/outline' import { ClipboardIcon, PresentationChartLineIcon } from '@heroicons/react/outline'
import clsx from 'clsx' import clsx from 'clsx'
import { useUser } from 'web/hooks/use-user' import { useUser } from 'web/hooks/use-user'
import { ManifoldLogo } from './manifold-logo' import { ManifoldLogo } from './manifold-logo'
@ -14,7 +14,7 @@ import { Row } from '../layout/row'
import { Spacer } from '../layout/spacer' import { Spacer } from '../layout/spacer'
const groupNavigation = [ const groupNavigation = [
{ name: 'Markets', key: 'markets', icon: HomeIcon }, { name: 'Markets', key: 'markets', icon: PresentationChartLineIcon },
{ name: 'About', key: 'about', icon: ClipboardIcon }, { name: 'About', key: 'about', icon: ClipboardIcon },
{ name: 'Leaderboard', key: 'leaderboards', icon: TrophyIcon }, { name: 'Leaderboard', key: 'leaderboards', icon: TrophyIcon },
] ]