mirror of
https://github.com/Unleash/unleash.git
synced 2025-07-12 13:48:35 +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:
parent
bf67dea2f7
commit
3034e94b20
@ -1,4 +1,4 @@
|
|||||||
import { styled } from '@mui/material';
|
import { styled, Typography } from '@mui/material';
|
||||||
import { forwardRef, type PropsWithChildren, type ReactNode } from 'react';
|
import { forwardRef, type PropsWithChildren, type ReactNode } from 'react';
|
||||||
|
|
||||||
const StyledSection = styled('section')(({ theme }) => ({
|
const StyledSection = styled('section')(({ theme }) => ({
|
||||||
@ -27,7 +27,7 @@ export const InsightsSection = forwardRef<
|
|||||||
>(({ title, children, filters: HeaderActions }, ref) => (
|
>(({ title, children, filters: HeaderActions }, ref) => (
|
||||||
<StyledSection ref={ref}>
|
<StyledSection ref={ref}>
|
||||||
<SectionTitleRow>
|
<SectionTitleRow>
|
||||||
<h2>{title}</h2>
|
<Typography variant='h2'>{title}</Typography>
|
||||||
{HeaderActions}
|
{HeaderActions}
|
||||||
</SectionTitleRow>
|
</SectionTitleRow>
|
||||||
{children}
|
{children}
|
||||||
|
Loading…
Reference in New Issue
Block a user