From dddb7c725753ec02fc782f420514428796866b74 Mon Sep 17 00:00:00 2001
From: Sonika <kumari.sonika@seryfertsoft.com>
Date: Mon, 11 Dec 2023 16:07:11 +0530
Subject: [PATCH] project screen style update

---
 src/App.css                             |  5 +++++
 src/App.js                              |  2 +-
 src/components/Header.js                |  4 ++--
 src/components/projects/ProjectsList.js | 14 ++++++++------
 4 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/App.css b/src/App.css
index 884dfe7..1e83808 100644
--- a/src/App.css
+++ b/src/App.css
@@ -3,6 +3,11 @@
   color:white !important;
 }
 
+.projectScreen-background .css-1ex1afd-MuiTableCell-root{
+  background-color: #171716 !important;
+  color:white !important;
+}
+
 .app-screen-heights{
   min-height: 650px;
 }
\ No newline at end of file
diff --git a/src/App.js b/src/App.js
index 6637363..07006ae 100644
--- a/src/App.js
+++ b/src/App.js
@@ -20,7 +20,7 @@ function App() {
         <Header/>
         {/* <Home/> */}
         <Routes>
-          <Route path='/home' element={<Dashboard/>} />
+          <Route path='/' element={<Dashboard/>} />
           <Route path='/projects' element={<Projects/>} />
           {/* <Route path='/' element={<Counter/>} /> */}
         </Routes>
diff --git a/src/components/Header.js b/src/components/Header.js
index fe17cb0..7e38a83 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -96,7 +96,7 @@ function Header() {
               ))} */}
                 <MenuItem key='home' onClick={handleCloseNavMenu}>
                   <Typography textAlign="center" component={Link}
-                    to='/home'>HOME</Typography>
+                    to='/'>HOME</Typography>
                 </MenuItem>
                 <MenuItem key='home' onClick={handleCloseNavMenu}>
                   <Typography textAlign="center" component={Link}
@@ -139,7 +139,7 @@ function Header() {
                 onClick={handleCloseNavMenu}
                 sx={{ my: 2, color: 'white', display: 'block' }}
                 component={Link}
-                    to='/home'
+                    to='/'
               >
                 HOME
               </Button>
diff --git a/src/components/projects/ProjectsList.js b/src/components/projects/ProjectsList.js
index 25a081f..0f268e3 100644
--- a/src/components/projects/ProjectsList.js
+++ b/src/components/projects/ProjectsList.js
@@ -75,15 +75,16 @@ export default function ProjectList({projectData}) {
 
 
   return (
-    <Paper sx={{ width: '100%', overflow: 'hidden' }}>
-      <TableContainer sx={{ maxHeight: 440}}>
+    <Paper square className='projectScreen-background' sx={{ width: '100%', overflow: 'hidden' }}>
+      <TableContainer sx={{ maxHeight: '600px'}}>
         <Table stickyHeader aria-label="sticky table">
-          <TableHead>
-            <TableRow>
+          <TableHead >
+            <TableRow >
               {columns.map((column) => (
-                <TableCell
+                <TableCell 
+                  sx={{bgcolor:'#171716',color:'white'}}
                   key={column.id}
-                //   align={column.align}
+                  // align={column.align}
                   style={{ minWidth: column.minWidth }}
                 >
                   {column.label}
@@ -116,6 +117,7 @@ export default function ProjectList({projectData}) {
         </Table>
       </TableContainer>
       <TablePagination
+        sx={{bgcolor:'#171716',color:'white'}}
         rowsPerPageOptions={[10, 25, 100]}
         component="div"
         count={projectData && projectData.length}