From 72952bede1873a3a0ac2e522b59f09480c848820 Mon Sep 17 00:00:00 2001
From: Sh Raj <shaswatraj3@gmail.com>
Date: Sun, 24 Mar 2024 05:28:21 +0000
Subject: [PATCH] seach box css set

---
 src/app/components/Nav.js | 9 +++++----
 src/app/globals.css       | 1 +
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/components/Nav.js b/src/app/components/Nav.js
index 848f91c..5e21c6a 100644
--- a/src/app/components/Nav.js
+++ b/src/app/components/Nav.js
@@ -1,5 +1,6 @@
 import Link from "next/link";
-export default () => {
+export default ({search}) => {
+  // console.log(params);
     return (
         <nav>
     <Link href="../">
@@ -9,7 +10,7 @@ export default () => {
     </Link>
     <ul>
       
-<form class="max-w-md mx-auto" method="get" action="/search">   
+<form class="max-w-md mx-auto w-full" method="get" action="/search">
     <label for="default-search" class="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white">Search</label>
     <div class="relative">
         <div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
@@ -17,8 +18,8 @@ export default () => {
                 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/>
             </svg>
         </div>
-        <input name="q" type="search" id="default-search" class="block w-full p-4 ps-10 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="Search Mockups, Logos..." required />
-        <button type="submit" class="text-white absolute end-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Search</button>
+        <input value={search.toString()}  name="q" type="search" id="default-search" class="block w-full p-4 ps-10 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="Search Mockups, Logos..." required />
+        <button type="submit" class="hidden sm:block text-white absolute end-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Search</button>
     </div>
 </form>
 
diff --git a/src/app/globals.css b/src/app/globals.css
index cc49c26..6039c5b 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -412,6 +412,7 @@ footer {
     margin: 0;
     margin-top: 20px;
     margin: 10px;
+    max-width: 100%;
   }
   .postcontainer {
     min-height: 80vh;