refactor: improve ui: increase edit header card width to occupy 9 out…

… of 12 col, increase input witdh for header key-value attributes
hasura · Jan 4, 2024 · bc7e38e · bc7e38e
1 parent c682fed
commit bc7e38e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/frontend/libs/console/legacy-ce/src/lib/components/Common/Headers/Headers.module.scss b/frontend/libs/console/legacy-ce/src/lib/components/Common/Headers/Headers.module.scss
@@ -1,5 +1,5 @@
 @import '../Common.module';
 
 .headerInputWidth {
-  width: 300px;
+  width: 320px;
 }
diff --git a/...nsole/legacy-ce/src/lib/components/Services/Events/EventTriggers/Modify/HeadersEditor.tsx b/...nsole/legacy-ce/src/lib/components/Services/Events/EventTriggers/Modify/HeadersEditor.tsx
@@ -74,7 +74,7 @@ const HeadersEditor = (props: HeaderEditorProps) => {
   );
 
   return (
-    <div className="mb-lg w-6/12">
+    <div className="mb-lg w-9/12">
       <h2 className="text-lg font-semibold mb-xs flex items-center">Headers</h2>
       <p className="text-sm mb-sm text-gray-600">
         Headers Hasura will send to the webhook with the POST request.