added responsiveness in admin.jsx

Author: yours7himanshu

admin/src/components/Dashboard/DashboardPage.jsx

@@ -25,7 +25,7 @@ const DashboardPage = () => {
   return (
     <div className="dashboard flex">
 
-      <div className="flex flex-col max-md:w-full max-md:ml-0  ml-[20%] w-[80%]  p-4   py-6 bg-gray-100">
+      <div className="flex flex-col max-md:w-full max-md:ml-0  w-screen  p-4   py-6 bg-gray-100">
 
         <div className="flex w-[100%]  items-center justify-between mb-6">
           <h1 className="text-xl max-md:ml-1  max-md:w-[90%] font-semibold text-gray-800">

admin/src/components/Dashboard/Logo.jsx

@@ -15,12 +15,12 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React from "react";
+
 const Logo = () => {
   return (
-    <div className="flex items-center gap-2"> {/* Removed styling classes and w-full */}
-      <img src="/logo/EduMatrix2.png" className="h-14 w-auto object-contain" alt="EduMatrix Logo" /> {/* Increased height to h-14 */}
-      <p className="font-bold text-2xl text-gray-800">EduMatrix</p> {/* Increased text size to text-2xl */}
+    <div className="flex justify-center items-center gap-1"> {/* Removed styling classes and w-full */}
+      <img src="/logo/EduMatrix2.png" className="h-12  rounded-full object-contain" alt="EduMatrix Logo" /> {/* Increased height to h-14 */}
+      <p className="font-bold text-4xl text-white ">EduMatrix</p> {/* Increased text size to text-2xl */}
     </div>
   );
 };

admin/src/components/Student/Students.jsx

@@ -217,7 +217,7 @@ function Students() {
           </form>
         </div>
       </div>
-    </div>
+    
   );
 }
 

admin/src/shared/Sidebar.jsx

@@ -77,7 +77,7 @@ const Sidebar = () => {
     <ul className="flex flex-col px-3 w-full h-full"> {/* Removed md:ml-10, added px-3 */}
       {/* Fixed Logo */}
       {/* Added p-4 and background to this sticky div. Note: p-4 on this div inside a px-3 ul means logo area has more effective padding. This could be adjusted if needed. */}
-      <div className="sticky top-0 z-20 p-4 bg-gradient-to-tr from-indigo-800 to-blue-700 -mx-3"> {/* Added -mx-3 to make this div full-bleed against parent's px-3 */}
+      <div className="sticky top-3 z-20 p-3 max-md:mt-10 max-md:w-[300px] rounded-full mb-8 border-blue-500  border  "> {/* Added -mx-3 to make this div full-bleed against parent's px-3 */}
         <Logo />
       </div>
       {/* Scrollable nav items */}
@@ -285,7 +285,7 @@ const Sidebar = () => {
           onClick={toggleMobileMenu}
           className="p-2 rounded-md bg-blue-700 text-white"
         >
-          {isMobileMenuOpen ? <CloseIcon /> : <MenuIcon />}
+          {isMobileMenuOpen ? <CloseIcon className="text-white bg-red-700 rounded-md w-6 h-6" /> : <MenuIcon className="text-white" />}
         </button>
       </div>
 

client/src/pages/Home/HomePage.jsx

@@ -100,8 +100,8 @@ const HomePage = () => {
 
           <div className="flex gap-5 max-md:flex-col-reverse justify-center items-center">
             <div className="flex flex-col gap-3 cursor-pointer">
-              {CardUtils.map((props) => (
-                <CardComponent {...props} />
+              {CardUtils.map((props, index) => (
+                <CardComponent key={index} {...props} />
               ))}
             </div>
 

client/src/shared/Sidebar.jsx

@@ -0,0 +1 @@
+