r-freeman/portfolio
1
0
Fork 0
mirror of https://github.com/r-freeman/portfolio.git synced 2025-06-27 20:30:21 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Compare commits

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

2 Commits
709aba439e ... 34a1bb9756

Author SHA1 Message Date
Ryan Freeman
34a1bb9756 Update comment component
All checks were successful
Build And Publish / BuildAndPublish (push) Successful in 1m53s
Details
2025-06-20 20:38:21 +01:00
Ryan Freeman
efd8dfb8f8 Update code component 2025-06-20 20:38:00 +01:00
2 changed files with 6 additions and 4 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 (
<pre className="relative group" ref={preRef}>
<button
className="absolute top-0 right-0 m-5 text-zinc-400"
className="absolute top-0 right-0 m-5 text-zinc-400 rounded-lg hover:bg-[#121212] p-2"
onClick={handleCopy} aria-label={`${!copied ? 'Copy this code' : 'Copied!'}`}>
<div className="relative size-6">
<div className="relative size-5">
<CheckIcon
className={clsx('absolute text-green-500 ease-in transform transition', !copied ? 'scale-0' : 'scale-100')}/>
<CopyIcon

6
components/ui/Comments.tsx
View File

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