fixed position of fields

glific · Dec 5, 2024 · 00ce5cc · 00ce5cc
1 parent 3d703c9
commit 00ce5cc
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/src/containers/Profile/Contact/ContactDescription/ContactDescription.tsx b/src/containers/Profile/Contact/ContactDescription/ContactDescription.tsx
@@ -16,6 +16,7 @@ export interface ContactDescriptionProps {
   lastMessage?: string;
   statusMessage?: string;
   groups?: boolean;
+  customStyles?: string;
 }
 
 export const ContactDescription = ({
@@ -27,6 +28,7 @@ export const ContactDescription = ({
   fields,
   settings,
   groups = false,
+  customStyles,
 }: ContactDescriptionProps) => {
   const [showPlainPhone, setShowPlainPhone] = useState(false);
   const { t } = useTranslation();
@@ -200,7 +202,7 @@ export const ContactDescription = ({
   );
 
   return (
-    <div className={styles.DescriptionContainer} data-testid="contactDescription">
+    <div className={`${styles.DescriptionContainer} ${customStyles}`} data-testid="contactDescription">
       {numberBlock}
       {collectionBlock}
       {settingsBlock}

diff --git a/src/containers/WaGroups/GroupDetails.tsx/GroupDetails.module.css b/src/containers/WaGroups/GroupDetails.tsx/GroupDetails.module.css
@@ -71,7 +71,6 @@
   height: 100%;
   display: flex;
   background-color: #f8faf5;
-  align-items: center;
 }
 
 .RightContainer {
@@ -134,3 +133,10 @@
 .Table {
   display: flex;
 }
+
+.BackGround {
+  background-color: #f8faf5 !important;
+  width: 100%;
+  height: 100%;
+
+}
diff --git a/src/containers/WaGroups/GroupDetails.tsx/GroupDetails.tsx b/src/containers/WaGroups/GroupDetails.tsx/GroupDetails.tsx
@@ -184,7 +184,14 @@ export const GroupDetails = () => {
       />
     );
   } else {
-    contentBody = <ContactDescription fields={groupData?.fields} collections={groupData?.groups} groups />;
+    contentBody = (
+      <ContactDescription
+        customStyles={styles.BackGround}
+        fields={groupData?.fields}
+        collections={groupData?.groups}
+        groups
+      />
+    );
   }
 
   const drawer = (