From 5d533fce60ef4d681f31ff4cd40e77a08c66f08f Mon Sep 17 00:00:00 2001
From: dongkyun-dev
Date: Fri, 22 Mar 2024 19:32:26 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20overlay=20scrollbar=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
package.json | 1 +
pages/_document.tsx | 5 ++++-
pnpm-lock.yaml | 37 +++++++++++++++++++++++++++++++++++--
3 files changed, 40 insertions(+), 3 deletions(-)
diff --git a/package.json b/package.json
index 6575e3c5..99227114 100644
--- 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
index b35f7117..9be36954 100644
--- 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 = () => {
-
+
+
+
{Object.values(PORTAL_ID).map((value) => (
))}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d65b6dee..93bd8037 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -74,6 +74,9 @@ dependencies:
react-responsive-masonry:
specifier: ^2.1.7
version: 2.1.7
+ simplebar-react:
+ specifier: ^3.2.4
+ version: 3.2.4(react@18.2.0)
zustand:
specifier: ^4.4.7
version: 4.4.7(@types/react@18.2.43)(react@18.2.0)
@@ -4472,9 +4475,14 @@ packages:
'@types/node': 20.10.4
dev: true
+ /@types/lodash-es@4.17.12:
+ resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==}
+ dependencies:
+ '@types/lodash': 4.14.202
+ dev: false
+
/@types/lodash@4.14.202:
resolution: {integrity: sha512-OvlIYQK9tNneDlS0VN54LLd5uiPCBOp7gS5Z0f1mjoJYBrtStzgmJBxONW3U6OZqdtNzZPmn9BS/7WI7BFFcFQ==}
- dev: true
/@types/mdx@2.0.10:
resolution: {integrity: sha512-Rllzc5KHk0Al5/WANwgSPl1/CwjqCy+AZrGd78zuK+jO9aDM6ffblZ+zIjgPNAaEBmlO0RYDvLNh7wD0zKVgEg==}
@@ -5880,6 +5888,10 @@ packages:
engines: {node: '>=10'}
dev: false
+ /can-use-dom@0.1.0:
+ resolution: {integrity: sha512-ceOhN1DL7Y4O6M0j9ICgmTYziV89WMd96SvSl0REd8PMgrY0B/WBOPoed5S1KUmJqXgUXh8gzSe6E3ae27upsQ==}
+ dev: false
+
/caniuse-lite@1.0.30001566:
resolution: {integrity: sha512-ggIhCsTxmITBAMmK8yZjEhCO5/47jKXPu6Dha/wuCS4JePVL+3uiDEBuhu2aIoT+bqTOR8L76Ip1ARL9xYsEJA==}
@@ -9584,6 +9596,10 @@ packages:
p-locate: 6.0.0
dev: true
+ /lodash-es@4.17.21:
+ resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+ dev: false
+
/lodash.camelcase@4.3.0:
resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}
dev: true
@@ -9633,7 +9649,6 @@ packages:
/lodash@4.17.21:
resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
- dev: true
/log-symbols@4.1.0:
resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==}
@@ -12198,6 +12213,24 @@ packages:
semver: 7.5.4
dev: true
+ /simplebar-core@1.2.4:
+ resolution: {integrity: sha512-P+Sqshef4fq3++gQ82TgNYcgl3qZFSCP5jS2/8NMmw18oagXOijMzs1G+vm6RUY3oMvpwH3wGoqh9u6SyDjHfQ==}
+ dependencies:
+ '@types/lodash-es': 4.17.12
+ can-use-dom: 0.1.0
+ lodash: 4.17.21
+ lodash-es: 4.17.21
+ dev: false
+
+ /simplebar-react@3.2.4(react@18.2.0):
+ resolution: {integrity: sha512-ogLN79e7JUm82wJChD7NSUB+4EHCFvDkjXpiu8hT1Alk7DnCekUWds61NXcsP9jC97KOgF5To/AVjYFbX0olgg==}
+ peerDependencies:
+ react: '>=16.8.0'
+ dependencies:
+ react: 18.2.0
+ simplebar-core: 1.2.4
+ dev: false
+
/sisteransi@1.0.5:
resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
dev: true