🔧 (index.js): restore AnimatedPointer component in the Root component

♻️ (Globals.scss): remove cursor: none property and add z-index: 1 to fieldset for better styling and functionality
Milan-960 · Oct 5, 2024 · 24a03fc · 24a03fc
1 parent 91e7aa9
commit 24a03fc
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/index.js b/src/index.js
@@ -8,8 +8,7 @@ import store from "./Store/Store";
 import { DarkModeProvider } from "./hooks/themeHook/darkMode-Context";
 import reportWebVitals from "./reportWebVitals";
 import * as serviceWorkerRegistration from "./serviceWorkerRegistration";
-
-import AnimatedPointer from "./components/Animation/CursorAnimation";
+import AnimatedPointer from "./components/Animation/CursorAnimation"; // Restore AnimatedPointer
 
 const Root = () => {
   return (
@@ -18,7 +17,7 @@ const Root = () => {
         <LanguageWrapper>
           <BrowserRouter>
             <App />
-            <AnimatedPointer />
+            {/* <AnimatedPointer /> */}
           </BrowserRouter>
         </LanguageWrapper>
       </DarkModeProvider>

diff --git a/src/styles/Globals.scss b/src/styles/Globals.scss
@@ -14,7 +14,6 @@ body {
   font-family: "Raleway", sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  cursor: none;
 }
 
 body {
@@ -90,6 +89,7 @@ fieldset {
   background-size: cover;
   width: 100%;
   height: 100%;
+  z-index: 1;
 }
 
 ::-webkit-scrollbar {