feat(@captn/joy): increase size of scrollbars

blib-la · Jun 10, 2024 · 0e70ea2 · 0e70ea2
1 parent 90a85e2
commit 0e70ea2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/joy/src/custom-scrollbars/index.tsx b/packages/joy/src/custom-scrollbars/index.tsx
@@ -5,7 +5,7 @@ import { Scrollbars } from "react-custom-scrollbars";
 
 const StyledScrollbars = styled(Scrollbars)({
 	overflow: "hidden",
-	"&::-webkit-scrollbar": {
+	"&::-webkit-scrollbar, ::-webkit-scrollbar": {
 		width: 0,
 		height: 0,
 	},
@@ -47,11 +47,11 @@ export const CustomScrollbars = forwardRef<
 		ref={ref}
 		autoHide
 		universal
+		thumbSize={10}
 		style={{ ...style }}
 		renderThumbVertical={properties => (
 			<Box
 				{...properties}
-				className="thumb-vertical"
 				sx={theme => ({
 					bgcolor: "text.secondary",
 					zIndex: theme.zIndex.badge + 1,

diff --git a/packages/joy/src/styles/index.tsx b/packages/joy/src/styles/index.tsx
@@ -35,8 +35,8 @@ export const globalStyles = (
 			body: { overflowX: "hidden" },
 			"#__next": { display: "contents" },
 			"::-webkit-scrollbar": {
-				width: 6,
-				height: 6,
+				width: 10,
+				height: 10,
 			},
 			"::-webkit-scrollbar-thumb": {
 				background: "var(--scrollbar-thumb-color)",