disable custom cursor in the admin page

tchisama · Oct 9, 2023 · f5e52b8 · f5e52b8
1 parent 50adff7
commit f5e52b8
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/components/Cursor.jsx b/src/components/Cursor.jsx
@@ -6,6 +6,14 @@ const Cursor = memo(({debug=false}) => {
   const cursorRef = useRef(null);
 
   useEffect(() => {
+    // disable the custom cursor in the /admin page
+    // change the css variable: --cursor-flag to "auto"
+    if (window.location.pathname.includes("/admin")) {
+      document.documentElement.style.setProperty("--cursor-flag", "auto");
+      return;
+    }
+
+
     const moveCursor = e => {
       const windowHeight = window.innerHeight;
       const windowWidth = window.innerWidth;

diff --git a/src/styles/index.css b/src/styles/index.css
@@ -6,9 +6,13 @@
 @tailwind components;
 @tailwind utilities;
 
+:root{
+  --cursor-flag: none;
+}
+
 *, *::before, *::after {
   box-sizing: border-box;
-  cursor: none !important;
+  cursor: var(--cursor-flag) !important;
 }