move print styles to Badge component

This commit is contained in:
Scott Zeta 2023-12-29 17:20:26 +10:30
parent 7e04782e2f
commit 9eb6fe1363
2 changed files with 9 additions and 2 deletions

View File

@ -162,7 +162,14 @@ export default function Page() {
<h2 className="text-xl font-bold">Skills</h2> <h2 className="text-xl font-bold">Skills</h2>
<div className="flex flex-wrap gap-1"> <div className="flex flex-wrap gap-1">
{RESUME_DATA.skills.map((skill) => { {RESUME_DATA.skills.map((skill) => {
return <Badge key={skill}>{skill}</Badge>; return (
<Badge
key={skill}
className=" print:text-primary print:underline"
>
{skill}
</Badge>
);
})} })}
</div> </div>
</Section> </Section>

View File

@ -9,7 +9,7 @@ const badgeVariants = cva(
variants: { variants: {
variant: { variant: {
default: default:
"border-transparent bg-primary/80 text-primary-foreground hover:bg-primary/60 print:text-primary print:underline", "border-transparent bg-primary/80 text-primary-foreground hover:bg-primary/60",
secondary: secondary:
"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/60", "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/60",
destructive: destructive: