openreplay/frontend/app/layout/TopHeader.tsx
2023-08-10 16:48:01 +05:30

32 lines
No EOL
666 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>
<TopRight />
</Header>
);
}
export default TopHeader;