diff --git a/src/components/NotificationsModal.tsx b/src/components/NotificationsModal.tsx index f150d75..7b62a08 100644 --- a/src/components/NotificationsModal.tsx +++ b/src/components/NotificationsModal.tsx @@ -46,17 +46,6 @@ export const NotificationsModal = ({ borderRadius: "8px", boxShadow: "0px 3px 18px rgba(49, 28, 77, 0.1), 0px 3px 34px rgba(49, 28, 77, 0.15)", - "&::-webkit-scrollbar": { width: "6px" }, - "&::-webkit-scrollbar-track": { - background: "#F0F0F6", - margin: "5px", - borderRadius: "5px", - }, - "&::-webkit-scrollbar-thumb": { - width: "4px", - background: "#9A9AAF", - borderRadius: "5px", - }, }, }} > diff --git a/src/index.css b/src/index.css index 984b1d4..2063aec 100644 --- a/src/index.css +++ b/src/index.css @@ -6,7 +6,8 @@ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } -/*скрывает все скролл-бары*/ + +/*все скролл-бары*/ html * ::-webkit-scrollbar { background-color: inherit; } @@ -17,8 +18,10 @@ html * ::-webkit-scrollbar-track { background-color: inherit; } html * ::-webkit-scrollbar-thumb { - width: 5px; - background-color: gray; + width: 4px; + background-color: #9A9AAF; + color: #9A9AAF; + border-radius: "5px"; } diff --git a/src/pages/AccountSettings/DocumentsDialog/JuridicalDocumentsDialog.tsx b/src/pages/AccountSettings/DocumentsDialog/JuridicalDocumentsDialog.tsx index 3b77e44..5029e21 100644 --- a/src/pages/AccountSettings/DocumentsDialog/JuridicalDocumentsDialog.tsx +++ b/src/pages/AccountSettings/DocumentsDialog/JuridicalDocumentsDialog.tsx @@ -23,9 +23,6 @@ import {parseAxiosError} from "@utils/parse-error" const dialogContainerStyle = { height: "100%", overflowY: "scroll", - "::-webkit-scrollbar": { - display: "none", - }, } export default function JuridicalDocumentsDialog() { diff --git a/src/pages/AccountSettings/DocumentsDialog/NkoDocumentsDialog.tsx b/src/pages/AccountSettings/DocumentsDialog/NkoDocumentsDialog.tsx index 325ebf2..7621d33 100644 --- a/src/pages/AccountSettings/DocumentsDialog/NkoDocumentsDialog.tsx +++ b/src/pages/AccountSettings/DocumentsDialog/NkoDocumentsDialog.tsx @@ -19,9 +19,6 @@ import { theme } from "@root/utils/theme" const dialogContainerStyle = { height: "100%", overflowY: "scroll", - "::-webkit-scrollbar": { - display: "none", - }, } export default function NkoDocumentsDialog() {