study

reednel · Aug 8, 2023 · 038ec24 · 038ec24
1 parent 501e334
commit 038ec24
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 15 deletions.
diff --git a/public/images/no-search-found.png b/public/images/no-search-found.png
diff --git a/src/layouts/Search.tsx b/src/layouts/Search.tsx
@@ -90,24 +90,9 @@ const Search = ({ searchList }: Props) => {
             </div>
           </div>
         </div>
-
-        {/* {inputVal.length > 1 && (
-          <div className="mt-8">
-            Found {searchResults?.length}
-            {searchResults?.length && searchResults?.length === 1
-              ? " result"
-              : " results"}{" "}
-            for '{inputVal}'
-          </div>
-        )} */}
         <div className="row">
           {searchResults?.length < 1 ? (
             <div className="mx-auto pt-5 text-center">
-              <img
-                className="mx-auto mb-6"
-                src="/images/no-search-found.png"
-                alt="no-search-found"
-              />
               <h1 className="h2 mb-4">
                 {inputVal.length < 1 ? "Search Post Here" : "No Search Found!"}
               </h1>
@@ -171,6 +156,15 @@ const Search = ({ searchList }: Props) => {
             ))
           )}
         </div>
+        {/* {inputVal.length > 1 && (
+          <div className="mt-4 mx-auto text-center">
+            Found {searchResults?.length}
+            {searchResults?.length && searchResults?.length === 1
+              ? " result"
+              : " results"}{" "}
+            for '{inputVal}'
+          </div>
+        )} */}
       </div>
     </section>
   );

diff --git a/src/styles/base.scss b/src/styles/base.scss
@@ -53,3 +53,7 @@ strong {
 code {
   @apply after:border-none;
 }
+
+img {
+  @apply mx-auto;
+}