sonika/sony_intranet_remake2023
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

project screen style update

Browse Source
This commit is contained in:
Sonika 2023-12-11 16:07:11 +05:30
parent 271eea9538
commit dddb7c7257
4 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/App.css
View File

@ -3,6 +3,11 @@
color:white !important; color:white !important;
} }
.projectScreen-background .css-1ex1afd-MuiTableCell-root{
background-color: #171716 !important;
color:white !important;
}
.app-screen-heights{ .app-screen-heights{
min-height: 650px; min-height: 650px;
} }

2
src/App.js
View File

@ -20,7 +20,7 @@ function App() {
<Header/> <Header/>
{/* <Home/> */} {/* <Home/> */}
<Routes> <Routes>
<Route path='/home' element={<Dashboard/>} /> <Route path='/' element={<Dashboard/>} />
<Route path='/projects' element={<Projects/>} /> <Route path='/projects' element={<Projects/>} />
{/* <Route path='/' element={<Counter/>} /> */} {/* <Route path='/' element={<Counter/>} /> */}
</Routes> </Routes>

4
src/components/Header.js
View File

@ -96,7 +96,7 @@ function Header() {
))} */} ))} */}
<MenuItem key='home' onClick={handleCloseNavMenu}> <MenuItem key='home' onClick={handleCloseNavMenu}>
<Typography textAlign="center" component={Link} <Typography textAlign="center" component={Link}
to='/home'>HOME</Typography> to='/'>HOME</Typography>
</MenuItem> </MenuItem>
<MenuItem key='home' onClick={handleCloseNavMenu}> <MenuItem key='home' onClick={handleCloseNavMenu}>
<Typography textAlign="center" component={Link} <Typography textAlign="center" component={Link}
@ -139,7 +139,7 @@ function Header() {
onClick={handleCloseNavMenu} onClick={handleCloseNavMenu}
sx={{ my: 2, color: 'white', display: 'block' }} sx={{ my: 2, color: 'white', display: 'block' }}
component={Link} component={Link}
to='/home' to='/'
> >
HOME HOME
</Button> </Button>

14
src/components/projects/ProjectsList.js
View File

@ -75,15 +75,16 @@ export default function ProjectList({projectData}) {
return ( return (
<Paper sx={{ width: '100%', overflow: 'hidden' }}> <Paper square className='projectScreen-background' sx={{ width: '100%', overflow: 'hidden' }}>
<TableContainer sx={{ maxHeight: 440}}> <TableContainer sx={{ maxHeight: '600px'}}>
<Table stickyHeader aria-label="sticky table"> <Table stickyHeader aria-label="sticky table">
<TableHead> <TableHead >
<TableRow> <TableRow >
{columns.map((column) => ( {columns.map((column) => (
<TableCell <TableCell
sx={{bgcolor:'#171716',color:'white'}}
key={column.id} key={column.id}
// align={column.align} // align={column.align}
style={{ minWidth: column.minWidth }} style={{ minWidth: column.minWidth }}
> >
{column.label} {column.label}
@ -116,6 +117,7 @@ export default function ProjectList({projectData}) {
</Table> </Table>
</TableContainer> </TableContainer>
<TablePagination <TablePagination
sx={{bgcolor:'#171716',color:'white'}}
rowsPerPageOptions={[10, 25, 100]} rowsPerPageOptions={[10, 25, 100]}
component="div" component="div"
count={projectData && projectData.length} count={projectData && projectData.length}