starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-03-31 06:23:08 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Got tab content scrolling working

Browse Source
This commit is contained in:
Gregory Schier
2023-03-11 22:36:13 -08:00
parent bdb877a936
commit d8cc075bd0
9 changed files with 60 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src-web/components/ScrollArea.tsx
View File

@@ -9,7 +9,7 @@ interface Props {
export function ScrollArea({ children, className }: Props) {
return (
<S.Root className={classnames(className, 'group')} type="always">
<S.Root className={classnames(className, 'group/scroll')} type="always">
<S.Viewport>{children}</S.Viewport>
<ScrollBar orientation="vertical" />
<ScrollBar orientation="horizontal" />
@@ -28,7 +28,7 @@ function ScrollBar({ orientation }: { orientation: 'vertical' | 'horizontal' })
orientation === 'horizontal' && 'h-1.5 flex-col',
)}
>
<S.Thumb className="flex-1 bg-gray-100 group-hover:bg-gray-200 rounded-full" />
<S.Thumb className="flex-1 bg-gray-100 group-hover/scroll:bg-gray-200 rounded-full" />
</S.Scrollbar>
);
}