Migrate link and tag components

This commit is contained in:
Florian RICHER 2023-10-08 21:36:00 +02:00
parent 79daad993e
commit d420097a88
11 changed files with 93 additions and 54 deletions

View file

@ -1,11 +0,0 @@
.link {
@apply flex gap-1 font-semibold italic;
& > i {
@apply flex items-center;
& > svg {
@apply scale-75;
}
}
}

View file

@ -1,19 +0,0 @@
import react, { ReactNode } from 'react';
import './Link.scss'
import { FaExternalLinkAlt } from 'react-icons/fa';
type LinkProps = {
children: ReactNode,
url: string
}
function Link({ children, url }: LinkProps) {
return (
<a className="link" href={url} target='_blank'>
{ children }
<i><FaExternalLinkAlt/></i>
</a>
)
}
export default Link

View file

@ -1,4 +0,0 @@
.tag {
@apply rounded-lg px-3 py-1 font-normal text-sm;
@apply bg-primary dark:bg-dark_primary text-on_primary dark:text-dark_on_primary;
}

View file

@ -1,16 +0,0 @@
import './Tag.scss'
type TagProps = {
name: string,
url?: string
}
function Tag({ name, url }: TagProps) {
return (
<a className="tag" href={url} target='_blank'>
{name}
</a>
)
}
export default Tag

View file

@ -1,3 +0,0 @@
@tailwind base;
@tailwind components;
@tailwind utilities;