Merge pull request #11 from nil2022/development

update:footer-UI-changes, code changes
nil2022 · Apr 4, 2024 · 9029fcb · 9029fcb
2 parents 6cdab3d + 61ce8a2
commit 9029fcb
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 18 deletions.
diff --git a/src/components/Dashboard/UserCard.jsx b/src/components/Dashboard/UserCard.jsx
@@ -16,12 +16,6 @@ export default function UserCard({ fetchFunc, editFunc, deleteFunc }) {
 
     return (
         <div>
-            {/* <Backdrop
-                sx={{ color: '#fff', zIndex: (theme) => theme.zIndex.drawer + 1 }}
-                open={open}
-            >
-                <CircularProgress color="inherit" />
-            </Backdrop> */}
             <div className='w-full grid sm:grid-cols-2 md:grid-cols-3 gap-4'>
                 {data.length > 0 && (data.map((data) => (
                     <div key={data._id} className="min-w-[150px] rounded-md border">
@@ -81,7 +75,7 @@ export default function UserCard({ fetchFunc, editFunc, deleteFunc }) {
                             </div>
                         </div>
                     </div>
-                ))
+                    ))
                 )}
             </div>
         </div>

diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
@@ -1,7 +1,6 @@
 import React from 'react'
-import { GitHub, LinkedIn } from '@mui/icons-material';
+import { GitHub, LinkedIn, CopyrightRounded } from '@mui/icons-material';
 import { Link } from 'react-router-dom';
-import { CopyrightIcon } from 'lucide-react';
 
 export function Footer() {
   return (
@@ -29,24 +28,29 @@ export function Footer() {
             </div>
           </li>
 
-          <ul className="flex flex-col max-w-[500px] sm:flex-row p-3 text-left sm:text-center gap-y-1  ">
+          <ul className="flex flex-col min-w-fit sm:flex-row p-3 sm:items-center text-left sm:text-center gap-y-1 gap-x-2 ">
 
-            <li className="min-w-[100px] sm:p-2 text-left sm:text-center hover:bg-white rounded-md hover:scale-105 sm:rounded-xl transition-all duration-500">
-              <Link className="text-lg text-gray-800 hover:text-gray-700 hover:underline" to="#">
+            <li className="min-w-fit sm:px-2 text-left sm:text-center hover:bg-white rounded-md hover:scale-105 sm:rounded-xl transition-all duration-500">
+              <Link className="md:text-lg text-gray-800 hover:text-gray-700 hover:underline" to="#">
                 Privacy Policy
               </Link>
             </li>
-            <li className="min-w-[100px] sm:p-2 text-left sm:text-center hover:bg-white rounded-md hover:scale-105 sm:rounded-xl transition-all duration-500 ">
-              <Link className="text-lg text-gray-800 hover:text-gray-700 hover:underline" to="https://www.linkedin.com/in/nil2022" target='_blank'>
+            <li className="min-w-fit sm:px-2 text-left sm:text-center hover:bg-white rounded-md hover:scale-105 sm:rounded-xl transition-all duration-500 ">
+              <Link className="md:text-lg text-gray-800 hover:text-gray-700 hover:underline" to="https://www.linkedin.com/in/nil2022" target='_blank'>
                 Contact Me
               </Link>
             </li>
           </ul>
 
-          <div className="flex flex-col sm:flex-row p-3 min-w-[200px] sm:max-w-[500px] items-center justify-center gap-x-1 bg-violet-700 text-white font-[300] sm:text-black sm:bg-transparent ">          
-            <span className='flex items-center text-center justify-center'><CopyrightIcon size={25} className='text-white sm:text-gray-800 p-1' />
-            {' '}Copyright 2024. All Rights Reserved. Created by </span>
-            <a href="https://github.com/nil2022" target='_blank' className='hover:text-gray-700 hover:underline font-[400]'>Nilanjan</a>
+          <div className="flex flex-col sm:flex-row p-3 min-w-[200px] sm:max-w-[500px] items-center justify-center bg-violet-700 text-white font-[300] sm:text-black sm:bg-transparent ">
+            <span className='flex items-center justify-center text-sm '>
+              <CopyrightRounded sx={{ fontSize: 20, marginX: 1 }} className='text-white sm:text-gray-800' />
+              {' '}Copyright 2024. All Rights Reserved. Created by
+            </span>
+            <a href="https://github.com/nil2022" target='_blank' className='hover:text-gray-700 hover:underline font-[400] px-2'
+            >
+              Nilanjan
+            </a>
           </div>
         </ul>
       </div>