Update SearchResults.js

Fixed dark mode background not extending to edge of screen in the Search Results. Adjusted the max-width property of the parent element to 100% to ensure that the dark background extends all the way to the edge of the screen.
jusoftdev · May 29, 2023 · 1a266e5 · 1a266e5 · vercel · May 29, 2023
1 parent 019c595
commit 1a266e5
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/components/SearchResults.js b/components/SearchResults.js
@@ -9,14 +9,14 @@ function SearchResults({ results }) {
         </p>
 
         {results.items?.map((result) =>(
-            <div key={result.link} className="max-w-xl mb-8 dark:text-gray-400">
-                <div className="group">
-                    <a href={result.link} className="text-sml">{result.formattedUrl}</a>
-                    <a href={result.link}>
-                        <h2 className="truncate text-xl text-blue-800 font-medium group-hover:underline dark:text-gray-200">{result.title}</h2>
-                    </a>
-                </div>
-                <p class="line-clamp-4">{result.snippet}</p>
+            <div key={result.link} className="mb-8 dark:text-gray-400">
+              <div className="group">
+                <a href={result.link} className="text-sml">{result.formattedUrl}</a>
+                <a href={result.link}>
+                  <h2 className="truncate text-xl text-blue-800 font-medium group-hover:underline dark:text-gray-200">{result.title}</h2>
+                </a>
+              </div>
+              <p className="line-clamp-4">{result.snippet}</p>
             </div>
         ))}
         <PaginationButtons />