bug fix for text issue and text alignment narayan954#731 and narayan9…

…54#724
biplavmz · Jul 11, 2023 · 958189d · 958189d
1 parent 119a854
commit 958189d
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/src/components/SearchBar/index.css b/src/components/SearchBar/index.css
@@ -10,3 +10,9 @@
   align-items: center;
   justify-content: center;
 }
+
+.text-color-white{
+  color: var(--color);
+
+}
+
diff --git a/src/components/SearchBar/index.jsx b/src/components/SearchBar/index.jsx
@@ -16,7 +16,6 @@ function SearchBar() {
   const [currentPostLink, setCurrentPostLink] = useState("");
   const [postText, setPostText] = useState("");
   const [posts, setPosts] = useState([]);
-
   const handleSearch = (e) => {
     setSearchText(e.target.value);
   };
@@ -58,6 +57,8 @@ function SearchBar() {
     post.post.username.toLowerCase().includes(searchText.toLowerCase()),
   );
 
+
+
   return (
     <div>
       <SideBar />
@@ -95,7 +96,13 @@ function SearchBar() {
               ))}
             </>
           ) : (
-            "Nothing to search"
+            <>
+            {
+             <div className="text-color-white">
+               Nothing to search
+             </div>
+            }
+            </>
           )}
         </div>
       </Box>

diff --git a/src/index.css b/src/index.css
@@ -185,8 +185,8 @@ input:focus {
 }
 
 .modal__signup {
-  align-items: center;
   display: flex;
+  justify-content: center;
   flex-direction: column;
 }