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;
}
.projectScreen-background .css-1ex1afd-MuiTableCell-root{
background-color: #171716 !important;
color:white !important;
}
.app-screen-heights{
min-height: 650px;
}

2
src/App.js
View File

@ -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>

4
src/components/Header.js
View File

@ -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>

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

@ -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
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}