Sultan
/
Flowise
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' into feature/Export-Load-Flows

This commit is contained in:
Henry 2023-05-14 20:34:11 +01:00
parent 6ab1ff1062 ea66bd1dca
commit cb9a9a7fbb
1 changed files with 28 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
packages/ui/src/ui-component/cards/ItemCard.js
View File

@ -11,14 +11,18 @@ import SkeletonChatflowCard from 'ui-component/cards/Skeleton/ChatflowCard'
const CardWrapper = styled(MainCard)(({ theme }) => ({ const CardWrapper = styled(MainCard)(({ theme }) => ({
background: theme.palette.card.main, background: theme.palette.card.main,
color: theme.darkTextPrimary, color: theme.darkTextPrimary,
overflow: 'hidden', overflow: 'auto',
position: 'relative', position: 'relative',
boxShadow: '0 2px 14px 0 rgb(32 40 45 / 8%)', boxShadow: '0 2px 14px 0 rgb(32 40 45 / 8%)',
cursor: 'pointer', cursor: 'pointer',
'&:hover': { '&:hover': {
background: theme.palette.card.hover, background: theme.palette.card.hover,
boxShadow: '0 2px 14px 0 rgb(32 40 45 / 20%)' boxShadow: '0 2px 14px 0 rgb(32 40 45 / 20%)'
} },
maxHeight: '300px',
maxWidth: '300px',
overflowWrap: 'break-word',
whiteSpace: 'pre-line'
})) }))
// ===========================|| CONTRACT CARD ||=========================== // // ===========================|| CONTRACT CARD ||=========================== //
@ -46,9 +50,17 @@ const ItemCard = ({ isLoading, data, images, onClick }) => {
<Box sx={{ p: 2.25 }}> <Box sx={{ p: 2.25 }}>
<Grid container direction='column'> <Grid container direction='column'>
<div> <div>
<Typography sx={{ fontSize: '1.5rem', fontWeight: 500 }}>{data.name}</Typography> <Typography
sx={{ fontSize: '1.5rem', fontWeight: 500, overflowWrap: 'break-word', whiteSpace: 'pre-line' }}
>
{data.name}
</Typography>
</div> </div>
{data.description && <span style={{ marginTop: 10 }}>{data.description}</span>} {data.description && (
<span style={{ marginTop: 10, overflowWrap: 'break-word', whiteSpace: 'pre-line' }}>
{data.description}
</span>
)}
<Grid sx={{ mt: 1, mb: 1 }} container direction='row'> <Grid sx={{ mt: 1, mb: 1 }} container direction='row'>
{data.deployed && ( {data.deployed && (
<Grid item> <Grid item>
@ -57,16 +69,24 @@ const ItemCard = ({ isLoading, data, images, onClick }) => {
)} )}
</Grid> </Grid>
{images && ( {images && (
<div style={{ display: 'flex', flexDirection: 'row', marginTop: 10 }}> <div
style={{
display: 'flex',
flexDirection: 'row',
flexWrap: 'wrap',
marginTop: 5
}}
>
{images.map((img) => ( {images.map((img) => (
<div <div
key={img} key={img}
style={{ style={{
width: 40, width: 35,
height: 40, height: 35,
marginRight: 5, marginRight: 5,
borderRadius: '50%', borderRadius: '50%',
backgroundColor: 'white' backgroundColor: 'white',
marginTop: 5
}} }}
> >
<img <img