[Fix/BAR-278] overlay scrollbar 적용 (#96)

fix: overlay scrollbar 적용
YAPP-Github · Mar 23, 2024 · 432a72e · 432a72e
1 parent dc3275b
commit 432a72e
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -39,6 +39,7 @@
     "react-dom": "^18",
     "react-notion-x": "^6.16.0",
     "react-responsive-masonry": "^2.1.7",
+    "simplebar-react": "^3.2.4",
     "zustand": "^4.4.7"
   },
   "devDependencies": {

diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -1,4 +1,5 @@
 import { Head, Html, Main, NextScript } from 'next/document';
+import SimpleBar from 'simplebar-react';
 
 import { PORTAL_ID } from '@constants/portal';
 import { pretendard } from '@styles/font';
@@ -8,7 +9,9 @@ const Document = () => {
     <Html lang="ko">
       <Head />
       <body className={pretendard.className}>
-        <Main />
+        <SimpleBar>
+          <Main />
+        </SimpleBar>
         {Object.values(PORTAL_ID).map((value) => (
           <div key={value} id={value} />
         ))}

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml