SVG cannot be sized using rem
This commit is contained in:
parent
99b60c4f06
commit
2ff6039acf
1 changed files with 3 additions and 7 deletions
|
@ -177,7 +177,7 @@ const CardHeader = ({ content }: { content: Service }) => {
|
||||||
}
|
}
|
||||||
<CardTitleText>{content.name}</CardTitleText>
|
<CardTitleText>{content.name}</CardTitleText>
|
||||||
<OpenInNewTab>
|
<OpenInNewTab>
|
||||||
<OpenInNewTabIcon width="1rem" height="1rem" />
|
<OpenInNewTabIcon width="16px" height="16px" />
|
||||||
</OpenInNewTab>
|
</OpenInNewTab>
|
||||||
</CardTitleLink> :
|
</CardTitleLink> :
|
||||||
<CardTitle>
|
<CardTitle>
|
||||||
|
@ -300,10 +300,6 @@ const OpenInNewTab = styled.div`
|
||||||
color: ${({ theme }) => theme.colors.secondary};
|
color: ${({ theme }) => theme.colors.secondary};
|
||||||
}
|
}
|
||||||
|
|
||||||
${CardTitleLink} {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
${CardTitleLink}:hover & {
|
${CardTitleLink}:hover & {
|
||||||
margin-left: 0.3rem;
|
margin-left: 0.3rem;
|
||||||
max-width: 1rem;
|
max-width: 1rem;
|
||||||
|
@ -325,7 +321,7 @@ const CardFooter = ({ content, href }: { content: Service, href: string }) => {
|
||||||
<CardLink href={href}>
|
<CardLink href={href}>
|
||||||
Open
|
Open
|
||||||
<OpenInNewTab>
|
<OpenInNewTab>
|
||||||
<OpenInNewTabIcon width="1rem" height="1rem" />
|
<OpenInNewTabIcon width="16px" height="16px" />
|
||||||
</OpenInNewTab>
|
</OpenInNewTab>
|
||||||
</CardLink>
|
</CardLink>
|
||||||
) : (<></>)}
|
) : (<></>)}
|
||||||
|
@ -333,7 +329,7 @@ const CardFooter = ({ content, href }: { content: Service, href: string }) => {
|
||||||
<CardLink href={content.extLink}>
|
<CardLink href={content.extLink}>
|
||||||
Official Site
|
Official Site
|
||||||
<OpenInNewTab>
|
<OpenInNewTab>
|
||||||
<OpenInNewTabIcon width="1rem" height="1rem" />
|
<OpenInNewTabIcon width="16px" height="16px" />
|
||||||
</OpenInNewTab>
|
</OpenInNewTab>
|
||||||
</CardLink>
|
</CardLink>
|
||||||
) : (<></>)}
|
) : (<></>)}
|
||||||
|
|
Loading…
Reference in a new issue