@trii/components 2.0.5 → 2.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +8 -7
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +8 -7
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -8337,9 +8337,10 @@ const StyledBox = styled$3(Box)({
|
|
|
8337
8337
|
padding: 1,
|
|
8338
8338
|
minHeight: '50px',
|
|
8339
8339
|
position: 'relative',
|
|
8340
|
+
maxWidth: 'inherit'
|
|
8340
8341
|
});
|
|
8341
8342
|
const IconBox = styled$3(Box)(({ theme }) => ({
|
|
8342
|
-
marginTop: '-
|
|
8343
|
+
marginTop: '-20px',
|
|
8343
8344
|
padding: 0,
|
|
8344
8345
|
color: theme.palette.primary.main,
|
|
8345
8346
|
}));
|
|
@@ -8356,15 +8357,15 @@ const InfoContainer = styled$3(Box)({
|
|
|
8356
8357
|
const AddressContainer = styled$3(Box)({
|
|
8357
8358
|
display: 'flex',
|
|
8358
8359
|
flexDirection: 'column',
|
|
8359
|
-
height: '
|
|
8360
|
+
height: '50px',
|
|
8360
8361
|
});
|
|
8361
8362
|
const NoteText = styled$3(Typography)({
|
|
8362
8363
|
whiteSpace: 'nowrap',
|
|
8363
8364
|
textOverflow: 'ellipsis',
|
|
8364
8365
|
overflow: 'hidden',
|
|
8365
|
-
maxWidth: '
|
|
8366
|
+
maxWidth: '90%',
|
|
8366
8367
|
position: 'absolute',
|
|
8367
|
-
bottom:
|
|
8368
|
+
bottom: 16,
|
|
8368
8369
|
left: 40,
|
|
8369
8370
|
});
|
|
8370
8371
|
const ContactMethod = ({ icon, contactList, title, showTitle = true, }) => {
|
|
@@ -8373,8 +8374,8 @@ const ContactMethod = ({ icon, contactList, title, showTitle = true, }) => {
|
|
|
8373
8374
|
textOverflow: 'ellipsis',
|
|
8374
8375
|
overflow: 'hidden',
|
|
8375
8376
|
cursor: 'default',
|
|
8376
|
-
maxWidth: '
|
|
8377
|
-
}, children: contact.address }) }), contact.profileName && (jsxRuntimeExports.jsx(Typography, { variant: "body2", fontSize: 10, color: "text.disabled", sx: { marginLeft: '5px' }, children: contact.profileName }))] }), contact.note && (jsxRuntimeExports.jsx(NoteText, { variant: "body2", fontSize: 12, color: "text.secondary", children: contact.note }))] }) }, contact.id));
|
|
8377
|
+
maxWidth: '00%',
|
|
8378
|
+
}, children: contact.address }) }), contact.profileName && (jsxRuntimeExports.jsx(Typography, { variant: "body2", fontSize: 10, color: "text.disabled", sx: { marginLeft: '5px', marginTop: '10px' }, children: contact.profileName }))] }), contact.note && (jsxRuntimeExports.jsx(NoteText, { variant: "body2", fontSize: 12, color: "text.secondary", children: contact.note }))] }) }, contact.id));
|
|
8378
8379
|
return (jsxRuntimeExports.jsxs(Container$1, { children: [showTitle && (jsxRuntimeExports.jsx(TitleBox, { children: jsxRuntimeExports.jsx(Typography, { variant: "subtitle1", fontWeight: "bold", gutterBottom: true, mt: 2, children: title }) })), contactList?.map(renderContactInfo)] }));
|
|
8379
8380
|
};
|
|
8380
8381
|
|
|
@@ -14229,7 +14230,7 @@ const PopupContainer = styled$3(Box)(({ theme }) => ({
|
|
|
14229
14230
|
boxShadow: '0px 4px 10px rgba(0, 0, 0, 0.1)',
|
|
14230
14231
|
borderRadius: '8px',
|
|
14231
14232
|
width: 300,
|
|
14232
|
-
maxHeight: '
|
|
14233
|
+
maxHeight: 'calc(100vh - 500px)',
|
|
14233
14234
|
overflowY: 'auto',
|
|
14234
14235
|
transition: 'opacity 0.3s ease, transform 0.3s ease',
|
|
14235
14236
|
padding: '8px',
|