PulseApp/docs
PulseApp/docs
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Activity

make on this page sticky

Browse Source 
Took 2 minutes
This commit is contained in:
Braydon 2024-10-07 12:44:49 -04:00
parent 6e46732bcc
commit b7a5665036
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/on-this-page.tsx
View File

@ -82,7 +82,7 @@ const OnThisPage = ({ page }: { page: DocsContentMetadata }): ReactElement => {
return ( return (
<motion.div <motion.div
ref={ref} ref={ref}
className="w-44 flex flex-col gap-2 text-sm select-none" className="sticky top-[5.5rem] w-44 max-h-[calc(100vh-3.5rem)] flex flex-col gap-2 text-sm select-none"
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={{ opacity: inView ? 1 : 0 }} animate={{ opacity: inView ? 1 : 0 }}
transition={{ duration: 0.2 }} transition={{ duration: 0.2 }}
@ -122,7 +122,7 @@ const OnThisPage = ({ page }: { page: DocsContentMetadata }): ReactElement => {
draggable={false} draggable={false}
className="block py-1" className="block py-1"
> >
{truncateText(header.text, 26)} {truncateText(header.text, 24)}
</Link> </Link>
</li> </li>
))} ))}