You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
1.2 KiB
JavaScript
43 lines
1.2 KiB
JavaScript
import { Outlet } from 'react-router-dom'
|
|
import { Layout, ConfigProvider, theme, Row, Col, App as AntApp } from 'antd'
|
|
import 'antd/dist/reset.css'
|
|
import AppLogo from '@/assets/logo-gh.png'
|
|
import { useThemeContext } from '@/stores/ThemeContext'
|
|
import { BUILD_VERSION, } from '@/config';
|
|
|
|
const { Header, Content, Footer } = Layout
|
|
|
|
function Standlone() {
|
|
|
|
const { colorPrimary } = useThemeContext()
|
|
|
|
return (
|
|
<ConfigProvider
|
|
theme={{
|
|
token: {
|
|
colorPrimary: colorPrimary,
|
|
},
|
|
algorithm: theme.defaultAlgorithm,
|
|
}}>
|
|
<AntApp>
|
|
<Layout className='min-h-screen'>
|
|
<Header className='sticky top-0 z-10 w-full'>
|
|
<Row gutter={{ md: 24 }} justify='center'>
|
|
<Col span={2}>
|
|
<img src={AppLogo} className='float-left h-9 my-4 mr-6 ml-0 bg-white/30' alt='App logo' />
|
|
</Col>
|
|
<Col span={5}><h1 className='text-white text-center'>Global Highlights Hub</h1></Col>
|
|
</Row>
|
|
</Header>
|
|
<Content className='p-6 m-0 min-h-72 bg-white'>
|
|
<Outlet />
|
|
</Content>
|
|
<Footer>China Highlights International Travel Service Co., LTD, Version: {BUILD_VERSION}</Footer>
|
|
</Layout>
|
|
</AntApp>
|
|
</ConfigProvider>
|
|
)
|
|
}
|
|
|
|
export default Standlone
|