andrea.morten/web-check-2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updates title sizes

Browse Source
This commit is contained in:
Alicia Sykes
2023-06-24 16:42:43 +01:00
parent bc15c94315
commit e0ffc8e418
14 changed files with 73 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Form/Heading.tsx
View File

@@ -17,6 +17,7 @@ const StyledHeading = styled.h1<HeadingProps>`
display: flex;
gap: 1rem;
align-items: center;
font-size: ${TextSizes.medium};
img { // Some titles have an icon
width: 2rem;
border-radius: 4px;
@@ -27,8 +28,8 @@ const StyledHeading = styled.h1<HeadingProps>`
}
${props => {
switch (props.size) {
case 'xSmall': return `font-size: ${TextSizes.small};`;
case 'small': return `font-size: ${TextSizes.medium};`;
case 'xSmall': return `font-size: ${TextSizes.xSmall};`;
case 'small': return `font-size: ${TextSizes.small};`;
case 'medium': return `font-size: ${TextSizes.large};`;
case 'large': return `font-size: ${TextSizes.xLarge};`;
}