Mobile navbar: hide your name, write out Manifold Markets
This commit is contained in:
parent
5080685381
commit
2f2a0030d1
|
@ -10,9 +10,19 @@ export function ManifoldLogo(props: { darkBackground?: boolean }) {
|
||||||
<img
|
<img
|
||||||
className="hover:rotate-12 transition-all"
|
className="hover:rotate-12 transition-all"
|
||||||
src={darkBackground ? '/logo-white.svg' : '/logo.svg'}
|
src={darkBackground ? '/logo-white.svg' : '/logo.svg'}
|
||||||
width={40}
|
width={45}
|
||||||
height={40}
|
height={45}
|
||||||
/>
|
/>
|
||||||
|
<div
|
||||||
|
className={clsx(
|
||||||
|
'sm:hidden font-major-mono lowercase mt-1 text-lg',
|
||||||
|
darkBackground && 'text-white'
|
||||||
|
)}
|
||||||
|
>
|
||||||
|
Manifold
|
||||||
|
<br />
|
||||||
|
Markets
|
||||||
|
</div>
|
||||||
<div
|
<div
|
||||||
className={clsx(
|
className={clsx(
|
||||||
'hidden sm:flex font-major-mono lowercase mt-1 sm:text-2xl md:whitespace-nowrap',
|
'hidden sm:flex font-major-mono lowercase mt-1 sm:text-2xl md:whitespace-nowrap',
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import { firebaseLogout, User } from '../lib/firebase/users'
|
import { firebaseLogout, User } from '../lib/firebase/users'
|
||||||
import { formatMoney } from '../lib/util/format'
|
import { formatMoney } from '../lib/util/format'
|
||||||
import { Row } from './layout/row'
|
import { Col } from './layout/col'
|
||||||
import { MenuButton } from './menu'
|
import { MenuButton } from './menu'
|
||||||
|
|
||||||
export function ProfileMenu(props: { user: User }) {
|
export function ProfileMenu(props: { user: User }) {
|
||||||
|
@ -67,16 +67,16 @@ function getNavigationOptions(user: User, options: { mobile: boolean }) {
|
||||||
function ProfileSummary(props: { user: User }) {
|
function ProfileSummary(props: { user: User }) {
|
||||||
const { user } = props
|
const { user } = props
|
||||||
return (
|
return (
|
||||||
<Row className="avatar items-center">
|
<Col className="avatar items-center sm:flex-row gap-2 sm:gap-0">
|
||||||
<div className="rounded-full w-10 h-10 mr-4">
|
<div className="rounded-full w-10 h-10 sm:mr-4">
|
||||||
<Image src={user.avatarUrl} width={40} height={40} />
|
<Image src={user.avatarUrl} width={40} height={40} />
|
||||||
</div>
|
</div>
|
||||||
<div className="truncate text-left" style={{ maxWidth: 170 }}>
|
<div className="truncate text-left" style={{ maxWidth: 170 }}>
|
||||||
{user.name}
|
<div className="hidden sm:flex">{user.name}</div>
|
||||||
<div className="text-gray-700 text-sm">
|
<div className="text-gray-700 text-sm">
|
||||||
{formatMoney(Math.floor(user.balance))}
|
{formatMoney(Math.floor(user.balance))}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Row>
|
</Col>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user