donny/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: update copy button to use the proper cursor style when hovering

Browse Source
This commit is contained in:
angelmankel
2026-05-29 19:00:42 -07:00
parent 9222292b9f
commit a1310a774a
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/about/page.tsx
+2 -2
View File
@@ -85,14 +85,14 @@ export default function AboutPage() {
<CopyButton <CopyButton
value={email} value={email}
label="Copy email" label="Copy email"
className={`hover:text-neutral-200 rounded-md hover:bg-[${colors.accent}] p-1 transition-colors duration-200`} className={`hover:text-neutral-200 rounded-md hover:bg-[${colors.accent}] p-1 transition-colors duration-200 cursor-pointer`}
> >
<IconMailFilled size={32} /> <IconMailFilled size={32} />
</CopyButton> </CopyButton>
<CopyButton <CopyButton
value={phone} value={phone}
label="Copy phone" label="Copy phone"
className={`hover:text-neutral-200 rounded-md hover:bg-[${colors.accent}] p-1 transition-colors duration-200`} className={`hover:text-neutral-200 rounded-md hover:bg-[${colors.accent}] p-1 transition-colors duration-200 cursor-pointer`}
> >
<IconPhoneFilled size={32} /> <IconPhoneFilled size={32} />
</CopyButton> </CopyButton>
components/ui/CopyButton.tsx
+1 -1
View File
@@ -14,7 +14,7 @@ export default function CopyButton({
value, value,
label, label,
copiedLabel = "Copied!", copiedLabel = "Copied!",
className = "rounded-md p-1 text-neutral-600 transition-colors duration-200 hover:text-neutral-200", className = "rounded-md p-1 text-neutral-600 transition-colors duration-200 hover:text-neutral-200 cursor-pointer",
children, children,
}: CopyButtonProps) { }: CopyButtonProps) {
const [copied, setCopied] = useState(false); const [copied, setCopied] = useState(false);