openreplay/frontend/app/layout/TopHeader.tsx
Shekar Siri 8d1bf1a401
change(ui): module settings and nav changes (#1443)
* change(ui): route refactor

* change(ui): new navigation

* change(ui): new navigation - icons and other fixes

* change(ui): modules

* change(ui): moduels and nav fixes
2023-08-09 12:07:57 +05:30

34 lines
No EOL
727 B
TypeScript

import React from 'react';
import Logo from 'App/layout/Logo';
import TopRight from 'App/layout/TopRight';
import ProjectDropdown from 'Shared/ProjectDropdown';
import { Layout } from 'antd';
const { Header } = Layout;
function TopHeader() {
return (
<Header
style={{
position: 'sticky',
top: 0,
zIndex: 1,
padding: '0 15px',
display: 'flex',
alignItems: 'center',
height: '60px'
}}
className='justify-between bg-gray-lightest'
>
<div className='flex items-center'>
<Logo siteId={1} />
<div className='mx-4' />
<ProjectDropdown />
</div>
<TopRight />
</Header>
);
}
export default TopHeader;