Skip to content

Commit 27071d0

Browse files
rubychildsclaude
andcommitted
fix: adjust sticky panel positioning to stay below search bar
- Change right panel sticky position from top-12 to top-24 - Ensures icon details panel remains below search bar when scrolling - Prevents overlap between sticky search bar and icon panel - Maintains proper visual hierarchy during scroll interactions 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent 6a6f2fb commit 27071d0

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

‎src/pages/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -292,7 +292,7 @@ export default function HomePage() {
292292
{renderIcons(icons, query, setSelected)}
293293
</div>
294294
{selected && (
295-
<div className='sticky top-12 mt-12 flex max-h-[720px] w-[275px] flex-col items-center rounded-[10px] border border-gray-300 p-6'>
295+
<div className='sticky top-24 mt-12 flex max-h-[720px] w-[275px] flex-col items-center rounded-[10px] border border-gray-300 p-6'>
296296
<div
297297
className={clsxm(
298298
'inline-flex items-center justify-center rounded-[10px] font-medium',

0 commit comments

Comments
 (0)