content.tsx 727 B

12345678910111213141516171819202122232425262728
  1. import styled from '@emotion/styled';
  2. import type {SectionProps} from 'sentry/views/replays/detail/accessibility/details/sections';
  3. import {
  4. ElementSection,
  5. GeneralSection,
  6. } from 'sentry/views/replays/detail/accessibility/details/sections';
  7. import FluidHeight from 'sentry/views/replays/detail/layout/fluidHeight';
  8. type Props = SectionProps;
  9. export default function AccessibilityDetailsContent(props: Props) {
  10. return (
  11. <OverflowFluidHeight>
  12. <SectionList>
  13. <ElementSection {...props} />
  14. <GeneralSection {...props} />
  15. </SectionList>
  16. </OverflowFluidHeight>
  17. );
  18. }
  19. const OverflowFluidHeight = styled(FluidHeight)`
  20. overflow: auto;
  21. `;
  22. const SectionList = styled('dl')`
  23. margin: 0;
  24. `;