mirror of
				https://github.com/Unleash/unleash.git
				synced 2025-10-27 11:02:16 +01: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';
 | 
			
		||||
 | 
			
		||||
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}
 | 
			
		||||
 | 
			
		||||
		Loading…
	
		Reference in New Issue
	
	Block a user