Migrate link and tag components
This commit is contained in:
parent
79daad993e
commit
d420097a88
11 changed files with 93 additions and 54 deletions
|
@ -1,11 +0,0 @@
|
|||
.link {
|
||||
@apply flex gap-1 font-semibold italic;
|
||||
|
||||
& > i {
|
||||
@apply flex items-center;
|
||||
|
||||
& > svg {
|
||||
@apply scale-75;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -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
|
|
@ -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;
|
||||
}
|
|
@ -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
|
|
@ -1,3 +0,0 @@
|
|||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
Loading…
Add table
Add a link
Reference in a new issue