|
|
|
@ -3,7 +3,7 @@ import '@/assets/App.css'
|
|
|
|
|
import AppLogo from '@/assets/logo-gh.png'
|
|
|
|
|
import { useThemeContext } from '@/stores/ThemeContext'
|
|
|
|
|
import useAuthStore from '@/stores/AuthStore'
|
|
|
|
|
import { Col, Layout, Row, Typography, theme, Space, Avatar, Dropdown, } from 'antd'
|
|
|
|
|
import { Col, Layout, Row, Typography, theme, Space, Avatar, Dropdown, Flex, } from 'antd'
|
|
|
|
|
import { DownOutlined } from '@ant-design/icons'
|
|
|
|
|
import { NavLink, Outlet, Link } from 'react-router-dom'
|
|
|
|
|
const { Header, Footer, Content } = Layout
|
|
|
|
@ -45,7 +45,7 @@ function MobileApp() {
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<Layout>
|
|
|
|
|
<Header className='header' style={{ position: 'sticky', top: 0, zIndex: 1, width: '100%', background: 'white' }}>
|
|
|
|
|
<Header className='header px-2' style={{ position: 'sticky', top: 0, zIndex: 1, width: '100%', background: 'white' }}>
|
|
|
|
|
<Row gutter={{ md: 24 }} align='middle'>
|
|
|
|
|
<Col flex="auto" style={{ color: "white", marginBottom: "0", display: "flex", justifyContent: "center" }}>
|
|
|
|
|
<NavLink to='/m/conversation'>
|
|
|
|
@ -64,9 +64,10 @@ function MobileApp() {
|
|
|
|
|
>
|
|
|
|
|
<a onClick={(e) => e.preventDefault()} style={{ color: colorPrimary }}>
|
|
|
|
|
<Space><Avatar
|
|
|
|
|
src={loginUser.avatarUrl}>{loginUser?.username?.substring(1)}</Avatar>{loginUser.username}<DownOutlined /></Space>
|
|
|
|
|
src={loginUser.avatarUrl}>{loginUser?.username?.substring(1)}</Avatar>{loginUser.username}<DownOutlined /></Space>
|
|
|
|
|
</a>
|
|
|
|
|
</Dropdown>
|
|
|
|
|
{!("Notification" in window) && <span>🔕</span>}
|
|
|
|
|
</Col>
|
|
|
|
|
</Row>
|
|
|
|
|
</Header>
|
|
|
|
|