panelSubHeader.tsx 459 B

1234567891011121314151617
  1. import styled from '@emotion/styled';
  2. import {PanelHeader} from 'app/components/panels';
  3. import space from 'app/styles/space';
  4. /**
  5. * Displays a Panel Header that has less vertical padding as to not draw as much attention but still
  6. * provide some logical separation
  7. */
  8. const PanelSubHeader = styled(PanelHeader)`
  9. display: flex;
  10. justify-content: flex-start;
  11. align-items: center;
  12. padding: ${space(1)} ${space(2)};
  13. `;
  14. export default PanelSubHeader;