diff --git a/src/components/manage/Blocks/SimpleDataTable/templates/expandable/PopupRow.jsx b/src/components/manage/Blocks/SimpleDataTable/templates/expandable/PopupRow.jsx index aeea270..af0d07d 100644 --- a/src/components/manage/Blocks/SimpleDataTable/templates/expandable/PopupRow.jsx +++ b/src/components/manage/Blocks/SimpleDataTable/templates/expandable/PopupRow.jsx @@ -199,7 +199,7 @@ const PopupRow = ({ > {popupSchema.title} - + {popupSchema.logo && ( )} - {popupSchema.email && popupSchema.url && ( - - {popupSchema.email && ( - - - Email: - - - {popupSchema.email} - - - )} - {popupSchema.url && ( - - - Website: - - - {popupSchema.url} - - - )} - - )} + + {popupSchema.email && ( + + Email: + + {popupSchema.email} + + + )} + {popupSchema.url && ( + + + Website: + + + {popupSchema.url} + + + )} + {popupSchema.description && ( @@ -253,14 +249,8 @@ const PopupRow = ({ )} - - + + {rowData && ( )} - + {rowData && ( { return ( - + {tableColumns && diff --git a/src/components/manage/Blocks/SimpleDataTable/templates/expandable/style.less b/src/components/manage/Blocks/SimpleDataTable/templates/expandable/style.less index ede2a68..67fa8fe 100644 --- a/src/components/manage/Blocks/SimpleDataTable/templates/expandable/style.less +++ b/src/components/manage/Blocks/SimpleDataTable/templates/expandable/style.less @@ -139,6 +139,31 @@ font-size: 1.5rem !important; } +.popup-header-data { + display: flex; + + @media screen and (max-width: 800px) { + flex-direction: column; + } +} + +.popup-columns-container { + display: flex; + margin: 10px 0; + justify-content: space-between; + + @media screen and (max-width: 800px) { + flex-direction: column; + } +} + +.popup-column { + width: 49%; + @media screen and (max-width: 800px) { + width: 100%; + } +} + .popup-url { font-size: 24px; font-weight: bold;
- Email: -
- Website: -
Email:
+ Website: +