extern/web-check
1
0
Fork 0
mirror of https://github.com/Lissy93/web-check.git synced 2025-08-16 23:51:11 +02:00
Code Issues Packages Projects Releases Wiki Activity

Re-does homepage

Browse Source
This commit is contained in:
Alicia Sykes
2023-07-23 16:20:38 +01:00
parent 7ec8ccf972
commit ab2ec0e823
4 changed files with 71 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,7 +6,7 @@ interface HeadingProps {
as?: 'h1' | 'h2' | 'h3' | 'h4' | 'p';
align?: 'left' | 'center' | 'right';
color?: string;
size?: 'xSmall' | 'small' | 'medium' | 'large';
size?: 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge';
inline?: boolean;
children: React.ReactNode;
id?: string;
@ -33,13 +33,14 @@ const StyledHeading = styled.h1<HeadingProps>`
case 'small': return `font-size: ${TextSizes.small};`;
case 'medium': return `font-size: ${TextSizes.large};`;
case 'large': return `font-size: ${TextSizes.xLarge};`;
case 'xLarge': return `font-size: ${TextSizes.xLarge};`;
}
}};
${props => {
switch (props.align) {
case 'left': return 'text-align: left;';
case 'right': return 'text-align: right;';
case 'center': return 'text-align: center;';
case 'center': return 'text-align: center; justify-content: center;';
}
}};
${props => props.color ? `color: ${props.color};` : '' }