Merge pull request #157 from devishraq/fix/settings-modal-displacement

fix for settings-modal displacement
cpinitiative · Aug 23, 2024 · 0213c66 · 0213c66
2 parents 7580de2 + c6aed28
commit 0213c66
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/components/settings/SettingsModal.tsx b/src/components/settings/SettingsModal.tsx
@@ -180,7 +180,7 @@ export const SettingsModal = ({
       <Dialog
         as="div"
         static
-        className="fixed z-10 inset-0 overflow-y-auto"
+        className="fixed z-10 inset-0 overflow-y-scroll no-scrollbar"
         open={isOpen}
         onClose={() => closeWithoutSaving()}
       >

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -45,3 +45,11 @@ html {
   outline: none;
   --tw-ring-color: transparent !important;
 }
+
+/* This hides the scrollbar */
+.no-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+.no-scrollbar {
+  scrollbar-width: none;
+}