actualy center loading

nuexq · May 3, 2024 · cc460cd · cc460cd
1 parent 17b0d4d
commit cc460cd
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/pages/GithubProfileFinder/GithubProfileFinder.jsx b/src/pages/GithubProfileFinder/GithubProfileFinder.jsx
@@ -45,7 +45,7 @@ export const GithubProfileFinder = () => {
         </Button>
       </div>
       {loading ? (
-        <div className="absolute top-1/2 left-1/2 flex justify-center items-center">
+        <div className="absolute inset-0 m-auto flex justify-center items-center">
           <div className="loader "></div>
         </div>
       ) : userData !== null ? (

diff --git a/src/pages/SearchAutoComplete/SearchAutoComplete.jsx b/src/pages/SearchAutoComplete/SearchAutoComplete.jsx
@@ -66,7 +66,7 @@ export const SearchAutoComplete = () => {
         placeholder="Search Users Here..."
       />
       {loading ? (
-        <div className="absolute w-screen h-screen flex justify-center items-center">
+        <div className="absolute inset-0 m-auto flex justify-center items-center">
           <div className="loader "></div>
         </div>
       ) : showDropDown && <Suggesstions handleClick={handleClick} data={filteredUsers} /> }