ui: update look and feel of fun title X

mrdjohnson · Dec 9, 2024 · 904b119 · 904b119
1 parent 4ce088b
commit 904b119
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/FunTitle.tsx b/src/components/FunTitle.tsx
@@ -50,7 +50,14 @@ const FunTitle = observer(({ className }: { className?: string }) => {
       <button onClick={sampleXWord}>
         {titleSections[0]}
 
-        <span className={twMerge(className, 'link mx-0 text-primary')}>{titleSections[1]}</span>
+        <span
+          className={twMerge(
+            className,
+            'mx-0 bg-gradient-to-b from-primary to-secondary to-70% bg-clip-text font-semibold text-transparent transition-all duration-700 ease-in-out hover:text-primary',
+          )}
+        >
+          {titleSections[1]}
+        </span>
 
         {titleSections[2]}
       </button>