Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-15 17:21:35 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix allowOverflow definition on scroll-area

Browse Source
This commit is contained in:
Amruth Pillai
2025-01-12 16:23:46 +01:00
parent febbdefc0b
commit f0b18019d5
2 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/client/src/pages/dashboard/resumes/page.tsx
View File

@ -50,8 +50,8 @@ export const ResumesPage = () => {
</div> </div>
<ScrollArea <ScrollArea
allowOverflow
className="h-[calc(100vh-140px)] overflow-visible lg:h-[calc(100vh-88px)]" className="h-[calc(100vh-140px)] overflow-visible lg:h-[calc(100vh-88px)]"
allowOverflow={true}
> >
<TabsContent value="grid"> <TabsContent value="grid">
<GridView /> <GridView />

5
libs/ui/src/components/scroll-area.tsx
View File

@ -5,9 +5,9 @@ import { forwardRef } from "react";
export const ScrollArea = forwardRef< export const ScrollArea = forwardRef<
React.ElementRef<typeof ScrollAreaPrimitive.Root>, React.ElementRef<typeof ScrollAreaPrimitive.Root>,
React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & { React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & {
allowOverflow?: boolean;
hideScrollbar?: boolean; hideScrollbar?: boolean;
orientation?: "vertical" | "horizontal"; orientation?: "vertical" | "horizontal";
allowOverflow?: boolean;
} }
>( >(
( (
@ -29,8 +29,7 @@ export const ScrollArea = forwardRef<
{...props} {...props}
> >
<ScrollAreaPrimitive.Viewport <ScrollAreaPrimitive.Viewport
className="size-full rounded-[inherit]" className={cn("size-full rounded-[inherit]", allowOverflow && "!overflow-visible")}
style={allowOverflow ? { overflowX: "visible", overflowY: "visible" } : {}}
> >
{children} {children}
</ScrollAreaPrimitive.Viewport> </ScrollAreaPrimitive.Viewport>