UX Changes: Column display fixes for 'xs' mode
This commit is contained in:
parent
97247713ef
commit
a0397c008e
|
|
@ -48,7 +48,7 @@ export const FlowListTable = ({ data, images, filterFunction, updateFlowsApi })
|
||||||
<StyledTableCell component='th' scope='row' style={{ width: '20%' }} key='0'>
|
<StyledTableCell component='th' scope='row' style={{ width: '20%' }} key='0'>
|
||||||
Name
|
Name
|
||||||
</StyledTableCell>
|
</StyledTableCell>
|
||||||
<StyledTableCell sx={{ display: { xs: 'none', sm: 'table-cell' } }} style={{ width: '25%' }} key='1'>
|
<StyledTableCell style={{ width: '25%' }} key='1'>
|
||||||
Category
|
Category
|
||||||
</StyledTableCell>
|
</StyledTableCell>
|
||||||
<StyledTableCell sx={{ display: { xs: 'none', sm: 'table-cell' } }} style={{ width: '30%' }} key='2'>
|
<StyledTableCell sx={{ display: { xs: 'none', sm: 'table-cell' } }} style={{ width: '30%' }} key='2'>
|
||||||
|
|
@ -72,7 +72,7 @@ export const FlowListTable = ({ data, images, filterFunction, updateFlowsApi })
|
||||||
<Button onClick={() => goToCanvas(row)}>{row.templateName || row.name}</Button>
|
<Button onClick={() => goToCanvas(row)}>{row.templateName || row.name}</Button>
|
||||||
</Typography>
|
</Typography>
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell sx={{ display: { xs: 'none', sm: 'table-cell' } }} key='1'>
|
<TableCell key='1'>
|
||||||
<div
|
<div
|
||||||
style={{
|
style={{
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue