SQuiz/frontPanel
2
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects Releases Wiki Activity

ссылки не переполняют

Browse Source
This commit is contained in:
Nastya 2025-06-02 21:19:54 +03:00
parent cc6d78935c
commit 7f024bcf78
1 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/pages/PersonalizationAI/AuditoryLink.tsx
View File

@ -10,7 +10,7 @@ interface AuditoryLinkProps {
item: AuditoryItem; item: AuditoryItem;
index: number; index: number;
onDelete: (id: number) => void; onDelete: (id: number) => void;
utmParams:string utmParams: string
} }
export const AuditoryLink = ({ utmParams, item, index, onDelete }: AuditoryLinkProps) => { export const AuditoryLink = ({ utmParams, item, index, onDelete }: AuditoryLinkProps) => {
@ -50,9 +50,9 @@ export const AuditoryLink = ({ utmParams, item, index, onDelete }: AuditoryLinkP
}} }}
secondaryAction={ secondaryAction={
<> <>
<IconButton <IconButton
edge="end" edge="end"
aria-label="delete" aria-label="delete"
sx={{ color: theme.palette.brightPurple.main, p: 0, width: 18, height: 18 }} sx={{ color: theme.palette.brightPurple.main, p: 0, width: 18, height: 18 }}
onClick={handleDelete} onClick={handleDelete}
> >
@ -65,9 +65,9 @@ export const AuditoryLink = ({ utmParams, item, index, onDelete }: AuditoryLinkP
<IconButton edge="end" aria-label="info" sx={{ color: theme.palette.brightPurple.main, p: 0, width: 18, height: 18 }}> <IconButton edge="end" aria-label="info" sx={{ color: theme.palette.brightPurple.main, p: 0, width: 18, height: 18 }}>
<TooltipClickInfo title={`Пол: ${item.sex ? "мужской" : "женский"} \n Возраст: ${item.age}`} /> <TooltipClickInfo title={`Пол: ${item.sex ? "мужской" : "женский"} \n Возраст: ${item.age}`} />
</IconButton> </IconButton>
<IconButton <IconButton
edge="end" edge="end"
aria-label="copy" aria-label="copy"
sx={{ color: theme.palette.brightPurple.main, p: 0, width: 18, height: 18, marginRight: "-2px" }} sx={{ color: theme.palette.brightPurple.main, p: 0, width: 18, height: 18, marginRight: "-2px" }}
onClick={() => handleCopy(linkText)} onClick={() => handleCopy(linkText)}
> >
@ -76,7 +76,12 @@ export const AuditoryLink = ({ utmParams, item, index, onDelete }: AuditoryLinkP
</> </>
} }
> >
<Typography sx={{ color: 'black', fontWeight: 400, fontSize: "16px" }}> <Typography sx={{
color: 'black', fontWeight: 400, fontSize: "16px",
textOverflow: "ellipsis", whiteSpace: "nowrap", overflow: "hidden",
width: "calc(100% - 80px)"
}}>
{linkText} {linkText}
</Typography> </Typography>
</ListItem> </ListItem>