Merge branch 'dhairyagothi:main' into calender3

dhairyagothi · Oct 23, 2024 · be51bc4 · be51bc4
2 parents abd0c6d + 0d5d3da
commit be51bc4
Show file tree

Hide file tree

Showing 3 changed files with 64 additions and 39 deletions.
diff --git a/README.md b/README.md
@@ -382,6 +382,24 @@ Forking allows you to create a personal copy of the repository, where you can ex
 <!--Line-->
 <img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="900">
 
+## Stargazers ❤️
+
+<div align='left'>
+
+[![Stargazers repo roster for @dhairyagothi/StationGuide](https://reporoster.com/stars/dhairyagothi/StationGuide)](https://github.com/dhairyagothi/StationGuide/stargazers)
+
+</div>
+
+## Forkers ❤️
+
+[![Forkers repo roster for @dhairyagothi/StationGuide](https://reporoster.com/forks/dhairyagothi/StationGuide)](https://github.com/dhairyagothi/StationGuide/network/members)
+
+
+
+<!--Line-->
+<img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="900">
+
+
 <!-- Added the Team section -->
 ## 👥 Team
 

diff --git a/frontend/src/Pages/booking.jsx b/frontend/src/Pages/booking.jsx
@@ -315,6 +315,7 @@ const BookingPage = () => {
               onChange={(date) =>
                 setFormData({ ...formData, bookingDate: date })
               }
+              minDate={minDate} // Setting minimum date to today
               className="w-full px-4 py-2 mt-2 transition duration-200 border border-blue-300 rounded-lg focus:ring-2 focus:ring-blue-400 outline-none"
             />
 

diff --git a/frontend/src/Pages/schedule.jsx b/frontend/src/Pages/schedule.jsx
@@ -28,8 +28,8 @@ const SchedulePage = () => {
         }}
       />
 
-      <div className="relative w-full px-4 py-8 z-10">
-        <div className="w-full max-w-md mx-auto flex items-center mb-6">
+      <div className="relative w-full  px-4 py-8 z-10 flex items-center justify-center  flex-col">
+        <div className="w-full max-w-md mx-auto flex items-center mb-6 ">
           <button
             onClick={() => navigate(-1)}
             className="flex items-center text-white hover:text-blue-200 transition-colors"
@@ -39,49 +39,55 @@ const SchedulePage = () => {
           </button>
         </div>
 
-        <div className="w-full max-w-md mx-auto bg-white bg-opacity-90 rounded-lg shadow-md p-6 backdrop-blur-sm">
+        <div className="w-9/12  bg-white bg-opacity-90 rounded-lg shadow-md p-6 backdrop-blur-sm">
           <h2 className="text-xl font-bold text-center mb-6 py-2 bg-blue-100 border border-blue-300 rounded-3xl shadow-sm">
             Train Schedule
           </h2>
 
           <div className="space-y-4">
-            <div className="mb-4">
-              <label className="block text-gray-700 font-semibold mb-2">Search</label>
-              <div className="relative">
-                <input
-                  type="text"
-                  placeholder="Search..."
-                  className="w-full px-4 py-2 pr-10 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-300"
-                />
-                <IoSearchOutline className="absolute right-3 top-2.5 text-gray-400" size={20} />
-              </div>
-            </div>
-
-            <div>
-              <label className="block text-gray-700 font-semibold mb-2">Train Number</label>
-              <div className="relative">
-                <input
-                  type="text"
-                  value={trainNumber}
-                  onChange={(e) => setTrainNumber(e.target.value)}
-                  className="w-full px-4 py-2 pr-10 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-300"
-                />
-                <IoSearchOutline className="absolute right-3 top-2.5 text-gray-400" size={20} />
-              </div>
-            </div>
+          <div className="flex flex-wrap w-full md:gap-10">
+  {/* Search Input */}
+  <div className="w-full md:w-3/12">
+    <label className="block text-gray-700 font-semibold mb-2">Search</label>
+    <div className="relative">
+      <input
+        type="text"
+        placeholder="Search..."
+        className="w-full px-4 py-2 pr-10 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-300"
+      />
+      <IoSearchOutline className="absolute right-3 top-2.5 text-gray-400" size={20} />
+    </div>
+  </div>
+
+  {/* Train Number Input */}
+  <div className="w-full md:w-1/3">
+    <label className="block text-gray-700 font-semibold mb-2">Train Number</label>
+    <div className="relative">
+      <input
+        type="text"
+        value={trainNumber}
+        onChange={(e) => setTrainNumber(e.target.value)}
+        className="w-full px-4 py-2 pr-10 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-300"
+      />
+      <IoSearchOutline className="absolute right-3 top-2.5 text-gray-400" size={20} />
+    </div>
+  </div>
+
+  {/* Train Name Input */}
+  <div className="w-full md:w-1/3">
+    <label className="block text-gray-700 font-semibold mb-2">Train Name</label>
+    <div className="relative">
+      <input
+        type="text"
+        value={trainName}
+        onChange={(e) => setTrainName(e.target.value)}
+        className="w-full px-4 py-2 pr-10 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-300"
+      />
+      <IoSearchOutline className="absolute right-3 top-2.5 text-gray-400" size={20} />
+    </div>
+  </div>
+</div>
 
-            <div>
-              <label className="block text-gray-700 font-semibold mb-2">Train Name</label>
-              <div className="relative">
-                <input
-                  type="text"
-                  value={trainName}
-                  onChange={(e) => setTrainName(e.target.value)}
-                  className="w-full px-4 py-2 pr-10 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-300"
-                />
-                <IoSearchOutline className="absolute right-3 top-2.5 text-gray-400" size={20} />
-              </div>
-            </div>
 
             <div>
               <label className="block text-gray-700 font-semibold mb-2">Next Station</label>