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

Makes heading flex layout, with icon compatibility

Browse Source
This commit is contained in:
Alicia Sykes
2023-06-20 23:02:15 +01:00
parent 73d7b56401
commit 7b2c27c0b1
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -14,6 +14,13 @@ interface HeadingProps {
const StyledHeading = styled.h1<HeadingProps>` const StyledHeading = styled.h1<HeadingProps>`
margin: 0.5rem 0; margin: 0.5rem 0;
text-shadow: 2px 2px 0px ${colors.bgShadowColor}; text-shadow: 2px 2px 0px ${colors.bgShadowColor};
display: flex;
gap: 1rem;
align-items: center;
img {
width: 2rem;
border-radius: 4px;
}
${props => { ${props => {
switch (props.size) { switch (props.size) {
case 'xSmall': return `font-size: ${TextSizes.small};`; case 'xSmall': return `font-size: ${TextSizes.small};`;