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>
<ScrollArea
allowOverflow
className="h-[calc(100vh-140px)] overflow-visible lg:h-[calc(100vh-88px)]"
allowOverflow={true}
>
<TabsContent value="grid">
<GridView />

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

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