gaspersic/developer-roadmap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Styling for badge links

Browse Source
This commit is contained in:
Kamran Ahmed
2021-12-05 02:38:42 +01:00
parent 8255f69257
commit a42e92781a
3 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/md-renderer/mdx-components/badge-link.tsx
View File

@@ -13,9 +13,9 @@ export function BadgeLink(props: BadgeLinkType) {
const { target = '_blank', colorScheme='purple', badgeText, href, children } = props;
return (
<Text mb={0}>
<Link color='blue.700' fontWeight={500} textDecoration='none' href={href} target={target} _hover={{ textDecoration: 'none', color: 'purple.400' }}>
<Badge mr='10px' colorScheme={colorScheme} pos='relative' top='-2px'>{badgeText}</Badge>
<Text mb={'0px'}>
<Link fontSize='14px' color='blue.700' fontWeight={500} textDecoration='none' href={href} target={target} _hover={{ textDecoration: 'none', color: 'purple.400' }}>
<Badge fontSize='11px' mr='7px' colorScheme={colorScheme}>{badgeText}</Badge>
{children}
</Link>
</Text>