- QOL in list of companies - added scrollbar;

- QOL in list of files;
This commit is contained in:
Vitalii Kiiko
2025-03-26 17:04:23 +01:00
parent 41b0c93f47
commit eb126faf87
3 changed files with 37 additions and 17 deletions

View File

@@ -10,7 +10,8 @@ const ListOfFiles = ({ files, updateFn, shouldDisableFieldFn, name, ndg, applica
return (
<ol className="appPageSection__list">
{files.map((o, i) => <li key={`${o.id}_${uniqid('f')}`} className="appPageSection__listItem">
{files
? files.map((o, i) => <li key={`${o.id}_${uniqid('f')}`} className="appPageSection__listItem">
<div className="appPageSection__listItemRow">
<div>{renderHtmlContent(o.label)}</div>
<div className="appPageSection__iconActions">
@@ -63,7 +64,8 @@ const ListOfFiles = ({ files, updateFn, shouldDisableFieldFn, name, ndg, applica
display: 'flex',
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'space-between'
justifyContent: 'space-between',
wordWrap: 'anywhere'
}}>
<span>{k.name}</span>
<div className="appPageSection__iconActions">
@@ -86,7 +88,7 @@ const ListOfFiles = ({ files, updateFn, shouldDisableFieldFn, name, ndg, applica
</li>)}
</ul>
: null}
</li>)}
</li>) : null}
</ol>
)
}