ssube
/
taleweave-ai
1
0
Fork 0
Code Actions

fix render event styling

This commit is contained in:
Sean Sube 2024-05-19 16:48:36 -05:00
parent db513fb6ae
commit 18c56f9cf3
Signed by: ssube
GPG Key ID: 3EED7B957D362AF1
1 changed files with 21 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
client/src/events.tsx
View File

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