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