1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-07-07 01:16:28 +02:00

Make headers smaller (#10128)

Makes headers a little smaller. the default h2 size is not the same as
in the theme, but Typography handles it for you.
This commit is contained in:
Thomas Heartman 2025-06-12 12:12:46 +02:00 committed by GitHub
parent bf67dea2f7
commit 3034e94b20
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -1,4 +1,4 @@
import { styled } from '@mui/material';
import { styled, Typography } from '@mui/material';
import { forwardRef, type PropsWithChildren, type ReactNode } from 'react';
const StyledSection = styled('section')(({ theme }) => ({
@ -27,7 +27,7 @@ export const InsightsSection = forwardRef<
>(({ title, children, filters: HeaderActions }, ref) => (
<StyledSection ref={ref}>
<SectionTitleRow>
<h2>{title}</h2>
<Typography variant='h2'>{title}</Typography>
{HeaderActions}
</SectionTitleRow>
{children}