r-freeman/portfolio
1
0
Fork 0
mirror of https://github.com/r-freeman/portfolio.git synced 2025-05-10 03:50:20 +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 ( return (
<pre className="relative group" ref={preRef}> <pre className="relative group" ref={preRef}>
<button <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"> onClick={handleCopy} aria-label="Copy code">
<div className="relative size-6"> <div className="relative size-6">
<CheckIcon <CheckIcon
className={clsx('absolute text-green-500 ease-in transform transition', !copied ? 'scale-0' : 'scale-100')}/> className={clsx('absolute text-green-500 ease-in transform transition', !copied ? 'scale-0' : 'scale-100')}/>
<CopyIcon <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> </div>
</button> </button>
<div className="sm:mt-0 overflow-auto"> <div className="sm:mt-0 overflow-auto">