From 9eb6fe1363c3b88d1fac4ac86ab90dfa33b74057 Mon Sep 17 00:00:00 2001
From: Scott Zeta <wc070211@gmail.com>
Date: Fri, 29 Dec 2023 17:20:26 +1030
Subject: [PATCH] move print styles to Badge component

---
 src/app/page.tsx            | 9 ++++++++-
 src/components/ui/badge.tsx | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1e6b5d5..a2a0f21 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -162,7 +162,14 @@ export default function Page() {
           <h2 className="text-xl font-bold">Skills</h2>
           <div className="flex flex-wrap gap-1">
             {RESUME_DATA.skills.map((skill) => {
-              return <Badge key={skill}>{skill}</Badge>;
+              return (
+                <Badge
+                  key={skill}
+                  className=" print:text-primary print:underline"
+                >
+                  {skill}
+                </Badge>
+              );
             })}
           </div>
         </Section>
diff --git a/src/components/ui/badge.tsx b/src/components/ui/badge.tsx
index c3ddc2d..d0289b2 100644
--- a/src/components/ui/badge.tsx
+++ b/src/components/ui/badge.tsx
@@ -9,7 +9,7 @@ const badgeVariants = cva(
     variants: {
       variant: {
         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:
           "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/60",
         destructive: