r-freeman/portfolio
1
0
Fork 0
mirror of https://github.com/r-freeman/portfolio.git synced 2025-05-08 22:10:21 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update code component
All checks were successful
Build And Publish / BuildAndPublish (push) Successful in 3m20s
Details

Browse Source
This commit is contained in:
Ryan Freeman 2025-05-06 20:41:02 +01:00
parent 82f6277770
commit 20647317a0
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/ui/Code.tsx
View File

@ -19,13 +19,13 @@ export function Code({children}: { children: ReactNode }) {
return (
<pre className="relative group" ref={preRef}>
<button
className="absolute top-0 right-0 m-5"
className="absolute top-0 right-0 m-5 text-zinc-400 hover:text-zinc-50 focus:text-zinc-50 active:text-zinc-50"
onClick={handleCopy} aria-label="Copy code">
<div className="relative size-6">
<CheckIcon
className={clsx('absolute text-green-500 ease-in transform transition', !copied ? 'scale-0' : 'scale-100')}/>
<CopyIcon
className={clsx('absolute text-zinc-400 hover:text-zinc-50 ease-in transform transition', !copied ? 'scale-100' : 'scale-0')}/>
className={clsx('absolute ease-in transform transition', !copied ? 'scale-100' : 'scale-0')}/>
</div>
</button>
<div className="sm:mt-0 overflow-auto">