|  |  | 
 |  |  |                     ${theme.palette.primary.dark} 100%)`, | 
 |  |  |                 color: theme => theme.palette.primary.contrastText, | 
 |  |  |                 padding: '20px', | 
 |  |  |                 // paddingBottom: '50px', | 
 |  |  |                 marginTop: 2, | 
 |  |  |                 marginBottom: '1em', | 
 |  |  |                 width: '100%', | 
 |  |  |                 overflow: 'visible' | 
 |  |  |             }} | 
 |  |  |         > | 
 |  |  |             <Box display="flex"> | 
 |  |  | 
 |  |  |                                 marginLeft: { xs: '0!important', xl: null }, | 
 |  |  |                                 marginRight: { xs: '1em', xl: null }, | 
 |  |  |                             }, | 
 |  |  |                             marginTop: 2 | 
 |  |  |                             marginTop: 3, | 
 |  |  |                         }} | 
 |  |  |                     > | 
 |  |  |                         <Button | 
 |  |  |                             variant="contained" | 
 |  |  |                             // href="https://marmelab.com/react-admin" | 
 |  |  |                             startIcon={<AssignmentIcon />} | 
 |  |  |                             onClick={() => { | 
 |  |  |                                 navigate('/task') | 
 |  |  | 
 |  |  |                         </Button> | 
 |  |  |                         <Button | 
 |  |  |                             variant="contained" | 
 |  |  |                             // href="https://github.com/marmelab/react-admin/tree/master/examples/demo" | 
 |  |  |                             startIcon={<AccountCircleIcon />} | 
 |  |  |                             onClick={() => { | 
 |  |  |                                 navigate('/warehouseStock') |