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

table height style changes

Browse Source
This commit is contained in:
Sonika 2023-12-22 21:11:04 +05:30
parent 28605753a1
commit b4edc35211
3 changed files with 31 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/App.css
View File

@ -26,4 +26,9 @@
.manageusers-table-header-style .css-1ygcj2i-MuiTableCell-root{ .manageusers-table-header-style .css-1ygcj2i-MuiTableCell-root{
background-color: #171716; background-color: #171716;
color: white; color: white;
} }
.no-padding-cell {
padding-top: 6.5px !important;
padding-bottom: 6.5px !important;
}

18
src/components/intranet_users/IntranetUsers.tsx
View File

@ -128,20 +128,20 @@ export default function IntranetUsers(){
<Table> <Table>
<TableHead className="manageusers-table-header-style"> <TableHead className="manageusers-table-header-style">
<TableRow> <TableRow>
<TableCell> <TableCell className="no-padding-cell">
<Button variant="contained" sx={{bgcolor:'white',color:'#1e1e1e', fontWeight:600}} startIcon={<AddIcon />} onClick={handleOpen}> <Button variant="contained" sx={{bgcolor:'white',color:'#1e1e1e', fontWeight:600}} startIcon={<AddIcon />} onClick={handleOpen}>
New New
</Button> </Button>
</TableCell> </TableCell>
<TableCell>Name</TableCell> <TableCell className="no-padding-cell">Name</TableCell>
<TableCell>Role</TableCell> <TableCell className="no-padding-cell">Role</TableCell>
<TableCell>Active</TableCell> <TableCell className="no-padding-cell">Active</TableCell>
</TableRow> </TableRow>
</TableHead> </TableHead>
<TableBody> <TableBody>
{manageUsersResponse && manageUsersResponse.map((row:any) => ( {manageUsersResponse && manageUsersResponse.map((row:any) => (
<TableRow key={row.id} sx={{height:'20px'}}> <TableRow key={row.id} sx={{height:'20px'}}>
<TableCell> <TableCell className="no-padding-cell">
<IconButton onClick={() => handleEdit(row)} aria-label="edit"> <IconButton onClick={() => handleEdit(row)} aria-label="edit">
<EditIcon sx={{ color: 'white' }}/> <EditIcon sx={{ color: 'white' }}/>
</IconButton> </IconButton>
@ -149,12 +149,12 @@ export default function IntranetUsers(){
<DeleteIcon sx={{ color: 'white' }}/> <DeleteIcon sx={{ color: 'white' }}/>
</IconButton> */} </IconButton> */}
</TableCell> </TableCell>
<TableCell>{row.username}</TableCell> <TableCell className="no-padding-cell">{row.username}</TableCell>
<TableCell>{row.role}</TableCell> <TableCell className="no-padding-cell">{row.role}</TableCell>
{row.active==1? {row.active==1?
<TableCell sx={{color:'green', backgroundColor:'#171716', borderBottom:'1px solid rgb(45 51 59)'}}>Active</TableCell> <TableCell className="no-padding-cell" sx={{color:'green', backgroundColor:'#171716', borderBottom:'1px solid rgb(45 51 59)'}}>Active</TableCell>
: :
<TableCell sx={{color:'red', backgroundColor:'#171716', borderBottom:'1px solid rgb(45 51 59)'}}>Inactive</TableCell>} <TableCell className="no-padding-cell" sx={{color:'red', backgroundColor:'#171716', borderBottom:'1px solid rgb(45 51 59)'}}>Inactive</TableCell>}
</TableRow> </TableRow>
))} ))}
</TableBody> </TableBody>

35
src/components/manage_users/ManageUsers.tsx
View File

@ -128,36 +128,33 @@ export default function ManageUsers(){
<TableContainer component={Paper}> <TableContainer component={Paper}>
<Table> <Table>
<TableHead className="manageusers-table-header-style"> <TableHead className="manageusers-table-header-style">
<TableRow> <TableRow >
<TableCell> <TableCell className="no-padding-cell">
<Button variant="contained" sx={{bgcolor:'white',color:'#1e1e1e', fontWeight:600}} startIcon={<AddIcon />} onClick={handleOpen}> <Button variant="contained" sx={{bgcolor:'white',color:'#1e1e1e', fontWeight:600}} startIcon={<AddIcon />} onClick={handleOpen}>
New New
</Button> </Button>
</TableCell> </TableCell>
<TableCell>Name</TableCell> <TableCell className="no-padding-cell">Name</TableCell>
<TableCell>Email Id</TableCell> <TableCell className="no-padding-cell">Email Id</TableCell>
<TableCell>Last Login</TableCell> <TableCell className="no-padding-cell">Last Login</TableCell>
<TableCell>Active</TableCell> <TableCell className="no-padding-cell">Active</TableCell>
</TableRow> </TableRow>
</TableHead> </TableHead>
<TableBody> <TableBody>
{manageUsersResponse && manageUsersResponse.map((row:any) => ( {manageUsersResponse && manageUsersResponse.map((row:any) => (
<TableRow key={row.id} sx={{height:'20px'}}> <TableRow key={row.id} >
<TableCell> <TableCell className="no-padding-cell">
<IconButton onClick={() => handleEdit(row)} aria-label="edit"> <IconButton onClick={() => handleEdit(row)} aria-label="edit">
<EditIcon sx={{ color: 'white' }}/> <EditIcon sx={{ color: 'white' }}/>
</IconButton> </IconButton>
{/* <IconButton onClick={() => handleDelete(row.id)} aria-label="delete">
<DeleteIcon sx={{ color: 'white' }}/>
</IconButton> */}
</TableCell> </TableCell>
<TableCell>{row.username}</TableCell> <TableCell className="no-padding-cell">{row.username}</TableCell>
<TableCell>{row.email_id}</TableCell> <TableCell className="no-padding-cell">{row.email_id}</TableCell>
<TableCell>{row.last_login}</TableCell> <TableCell className="no-padding-cell">{row.last_login}</TableCell>
{row.active? {row.active?
<TableCell sx={{color:'green', backgroundColor:'#171716', borderBottom:'1px solid rgb(45 51 59)'}}>Active</TableCell> <TableCell className="no-padding-cell" sx={{color:'green', backgroundColor:'#171716', borderBottom:'1px solid rgb(45 51 59)'}}>Active</TableCell>
: :
<TableCell sx={{color:'red', backgroundColor:'#171716', borderBottom:'1px solid rgb(45 51 59)'}}>Inactive</TableCell>} <TableCell className="no-padding-cell" sx={{color:'red', backgroundColor:'#171716', borderBottom:'1px solid rgb(45 51 59)'}}>Inactive</TableCell>}
</TableRow> </TableRow>
))} ))}
</TableBody> </TableBody>