Optima: Heading: no bottom margin

This commit is contained in:
Enrico Ros
2025-03-10 11:06:41 -07:00
parent 70dd92f54d
commit e11d3d7407
@@ -34,6 +34,7 @@ export function OptimaAppPageHeading(props: {
startDecorator?: React.ReactNode;
endDecorator?: React.ReactNode;
noDivider?: boolean;
noMarginBottom?: boolean;
onClick?: (event: React.MouseEvent) => void;
}) {
@@ -41,7 +42,7 @@ export function OptimaAppPageHeading(props: {
const isMobile = useIsMobile();
return (
<Box mb={2.25} onClick={props.onClick}>
<Box mb={props.noMarginBottom ? undefined : 2.25} onClick={props.onClick}>
{!!props.title && <Typography level={isMobile ? 'h3' : 'h2'} startDecorator={props.startDecorator} endDecorator={props.endDecorator} sx={_styles.title}>
{props.title}
</Typography>}