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>
|
||||
<OpenInNewTab>
|
||||
<OpenInNewTabIcon width="1rem" height="1rem" />
|
||||
<OpenInNewTabIcon width="16px" height="16px" />
|
||||
</OpenInNewTab>
|
||||
</CardTitleLink> :
|
||||
<CardTitle>
|
||||
|
@ -300,10 +300,6 @@ const OpenInNewTab = styled.div`
|
|||
color: ${({ theme }) => theme.colors.secondary};
|
||||
}
|
||||
|
||||
${CardTitleLink} {
|
||||
|
||||
}
|
||||
|
||||
${CardTitleLink}:hover & {
|
||||
margin-left: 0.3rem;
|
||||
max-width: 1rem;
|
||||
|
@ -325,7 +321,7 @@ const CardFooter = ({ content, href }: { content: Service, href: string }) => {
|
|||
<CardLink href={href}>
|
||||
Open
|
||||
<OpenInNewTab>
|
||||
<OpenInNewTabIcon width="1rem" height="1rem" />
|
||||
<OpenInNewTabIcon width="16px" height="16px" />
|
||||
</OpenInNewTab>
|
||||
</CardLink>
|
||||
) : (<></>)}
|
||||
|
@ -333,7 +329,7 @@ const CardFooter = ({ content, href }: { content: Service, href: string }) => {
|
|||
<CardLink href={content.extLink}>
|
||||
Official Site
|
||||
<OpenInNewTab>
|
||||
<OpenInNewTabIcon width="1rem" height="1rem" />
|
||||
<OpenInNewTabIcon width="16px" height="16px" />
|
||||
</OpenInNewTab>
|
||||
</CardLink>
|
||||
) : (<></>)}
|
||||
|
|
Loading…
Reference in a new issue