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

Compare commits

base: r-freeman:34a1bb975646ab2838d4c2b23718956cc546b458
Branches Tags
r-freeman:main
..
compare: r-freeman:709aba439e09b755926f7e22dc3d081c8f594cd5
Branches Tags
r-freeman:main

No commits in common. "34a1bb975646ab2838d4c2b23718956cc546b458" and "709aba439e09b755926f7e22dc3d081c8f594cd5" have entirely different histories.
34a1bb9756 ... 709aba439e

2 changed files with 4 additions and 6 deletions
Show Stats Expand all files Collapse all files

4
components/ui/Code.tsx
View File

@ -19,9 +19,9 @@ 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 text-zinc-400 rounded-lg hover:bg-[#121212] p-2" className="absolute top-0 right-0 m-5 text-zinc-400"
onClick={handleCopy} aria-label={`${!copied ? 'Copy this code' : 'Copied!'}`}> onClick={handleCopy} aria-label={`${!copied ? 'Copy this code' : 'Copied!'}`}>
<div className="relative size-5"> <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

6
components/ui/Comments.tsx
View File

@ -185,10 +185,8 @@ Comments.Form = function Form({slug}: { slug: string }) {
/> />
<input type="hidden" name="parent_id" value={parentId ?? ''}/> <input type="hidden" name="parent_id" value={parentId ?? ''}/>
<input type="hidden" name="slug" value={slug}/> <input type="hidden" name="slug" value={slug}/>
<div className={clsx('mt-2 flex justify-end items-center gap-x-4', session && 'justify-between')}> <div className="mt-2 flex justify-between items-center gap-x-4">
{session && <p className="text-sm text-zinc-600 dark:text-zinc-400">{`${commentFormContext?.commentLength} / ${commentFormContext?.commentMaxLength}`}</p>
<p className="text-sm text-zinc-600 dark:text-zinc-400">{`${commentFormContext?.commentLength} / ${commentFormContext?.commentMaxLength}`}</p>
}
<div className="flex gap-x-4"> <div className="flex gap-x-4">
{commentFormContext?.replyTo && {commentFormContext?.replyTo &&
<button <button