Fix pair editor container

This commit is contained in:
Gregory Schier
2023-03-20 01:18:44 -07:00
parent b487938ffb
commit c5b50c10f4
3 changed files with 66 additions and 55 deletions

View File

@@ -5,11 +5,15 @@ import type { ReactNode } from 'react';
interface Props {
children: ReactNode;
className?: string;
type?: S.ScrollAreaProps['type'];
}
export function ScrollArea({ children, className }: Props) {
export function ScrollArea({ children, className, type }: Props) {
return (
<S.Root className={classnames(className, 'group/scroll overflow-hidden')} type="hover">
<S.Root
className={classnames(className, 'group/scroll overflow-hidden')}
type={type ?? 'hover'}
>
<S.Viewport className="h-full w-full">{children}</S.Viewport>
<ScrollBar orientation="vertical" />
<ScrollBar orientation="horizontal" />