SVG cannot be sized using rem

This commit is contained in:
Neshura 2023-03-17 00:16:39 +01:00
parent 99b60c4f06
commit 2ff6039acf
Signed by: Neshura
GPG key ID: B6983AAA6B9A7A6C

View file

@ -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>
) : (<></>)}