fix render event styling
This commit is contained in:
parent
db513fb6ae
commit
18c56f9cf3
|
@ -1,4 +1,4 @@
|
||||||
import { Avatar, IconButton, ImageList, ImageListItem, ListItem, ListItemAvatar, ListItemText, Typography } from '@mui/material';
|
import { Avatar, IconButton, ImageList, ImageListItem, ListItem, ListItemAvatar, ListItemText, Stack, Typography } from '@mui/material';
|
||||||
import React, { Fragment, MutableRefObject } from 'react';
|
import React, { Fragment, MutableRefObject } from 'react';
|
||||||
|
|
||||||
import { Maybe, doesExist } from '@apextoaster/js-utils';
|
import { Maybe, doesExist } from '@apextoaster/js-utils';
|
||||||
|
@ -192,24 +192,26 @@ export function RenderEventItem(props: EventItemProps) {
|
||||||
<Camera />
|
<Camera />
|
||||||
</Avatar>
|
</Avatar>
|
||||||
</ListItemAvatar>
|
</ListItemAvatar>
|
||||||
<ListItemText
|
<Stack direction="column" spacing={2}>
|
||||||
primary={title}
|
<ListItemText
|
||||||
secondary={
|
primary={title}
|
||||||
<Typography
|
secondary={
|
||||||
sx={{ display: 'block' }}
|
<Typography
|
||||||
component="span"
|
sx={{ display: 'block' }}
|
||||||
variant="body2"
|
component="span"
|
||||||
color="text.primary"
|
variant="body2"
|
||||||
>{prompt}</Typography>
|
color="text.primary"
|
||||||
}
|
>{prompt}</Typography>
|
||||||
/>
|
}
|
||||||
<ImageList cols={3} rowHeight={256}>
|
/>
|
||||||
{Object.entries(images).map(([name, image]) => <ImageListItem key={name}>
|
<ImageList cols={3} rowHeight={256}>
|
||||||
<a href='#' onClick={() => openImage(image as string)}>
|
{Object.entries(images).map(([name, image]) => <ImageListItem key={name}>
|
||||||
<img src={`data:image/jpeg;base64,${image}`} alt="Render" style={{ maxHeight: 256, maxWidth: 256 }} />
|
<a href='#' onClick={() => openImage(image as string)}>
|
||||||
</a>
|
<img src={`data:image/jpeg;base64,${image}`} alt="Render" style={{ maxHeight: 256, maxWidth: 256 }} />
|
||||||
</ImageListItem>)}
|
</a>
|
||||||
</ImageList>
|
</ImageListItem>)}
|
||||||
|
</ImageList>
|
||||||
|
</Stack>
|
||||||
</ListItem>;
|
</ListItem>;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue