client/js/app/src/app/components/layout/header.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

import React from 'react';
import { Header as MantineHeader } from '@mantine/core';
import { HeaderLogo } from 'app/components/layout/header-logo';

export function Header() {
  return (
    <MantineHeader
      height={55}
      sx={(theme) => ({
        display: 'flex',
        alignItems: 'center',
        paddingLeft: theme.spacing.md,
        paddingRight: theme.spacing.md,
        background: theme.cr.getSolidBackground(),
        borderBottom: `1px solid ${theme.cr.getSubtleBorderAndSeparator()}`,
      })}
    >
      <HeaderLogo />
    </MantineHeader>
  );
}