fix: RichRow columns alignment (#109)

krateoplatformops · Sep 11, 2024 · 2da5316 · 2da5316
1 parent 6c2299b
commit 2da5316
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 7 deletions.
diff --git a/public/config/config.json b/public/config/config.json
@@ -1,9 +1,9 @@
 {
   "api": {
-    "AUTHN_API_BASE_URL": "http://172.205.100.25:8082",
-    "BFF_API_BASE_URL": "http://172.205.100.28:8081",
-    "EVENTS_API_BASE_URL": "http://172.205.100.170:8083",
-    "EVENTS_PUSH_API_BASE_URL": "http://172.205.100.170:8083",
+    "AUTHN_API_BASE_URL": "http://20.13.201.112:8082",
+    "BFF_API_BASE_URL": "http://20.13.201.207:8081",
+    "EVENTS_API_BASE_URL": "http://20.13.202.129:8083",
+    "EVENTS_PUSH_API_BASE_URL": "http://20.13.202.129:8083",
     "TERMINAL_SOCKET_URL": "http://localhost:8084"
   },
   "params": {

diff --git a/src/components/Widgets/RichRow/RichRow.tsx b/src/components/Widgets/RichRow/RichRow.tsx
@@ -8,10 +8,10 @@ const RichRow = ({color, icon, subPrimaryText, primaryText, subSecondaryText, se
 
 
   return (
-    <Flex justify="space-between" className={styles.richRow}>
-      <Space align="start" size="large">
+    <Flex justify="space-between" className={styles.richRow} gap={10}>
+      <Space align="start" size="large" className={styles.primary}>
         <Avatar style={{ backgroundColor: getColorCode(color) }} size={icon ? 24 : 18} icon={<FontAwesomeIcon icon={icon} />} />
-        <div className={styles.primary}>
+        <div>
           <Typography.Text className={styles.subtext}>{subPrimaryText}</Typography.Text>
           <Typography.Paragraph>{primaryText}</Typography.Paragraph>
         </div>

diff --git a/src/components/Widgets/RichRow/styles.module.scss b/src/components/Widgets/RichRow/styles.module.scss
@@ -5,6 +5,14 @@
     border-bottom: solid 1px $border-color;
     margin-top: 15px;
 
+    .primary {
+      flex: 1;
+    }
+
+    .secondary {
+      width: 20%;
+    }
+
     .subtext {
       color: $gray-color;
     }