rebranding of inline copilot (#1767)

* rebranding of inline copilot * rebranding of inline copilot * rebranding of inline copilot * fix styling
2025-12-27 12:51:41 +00:00 · 2024-03-18 12:15:24 -05:00
parent 91d9e27049
commit ac22e88d9c
3 changed files with 497 additions and 311 deletions
--- a/src/Explorer/QueryCopilot/Modal/QueryCopilotFeedbackModal.tsx
+++ b/src/Explorer/QueryCopilot/Modal/QueryCopilotFeedbackModal.tsx
@@ -49,7 +49,7 @@ export const QueryCopilotFeedbackModal = ({
  };

  return (
-    <Modal isOpen={showFeedbackModal}>
+    <Modal isOpen={showFeedbackModal} styles={{ main: { borderRadius: 8, maxWidth: 600 } }}>
      <form onSubmit={handleSubmit}>
        <Stack style={{ padding: 24 }}>
          <Stack horizontal horizontalAlign="space-between">
@@ -68,9 +68,14 @@ export const QueryCopilotFeedbackModal = ({
            rows={3}
          />
          <TextField
-            styles={{ root: { marginBottom: 14 } }}
+            styles={{
+              root: { marginBottom: 14 },
+              fieldGroup: { backgroundColor: "#F3F2F1", borderRadius: 4, borderColor: "#D1D1D1" },
+            }}
            label="Query generated"
            defaultValue={generatedQuery}
+            multiline
+            rows={3}
            readOnly
          />
          <Text style={{ fontSize: 12, marginBottom: 14 }}>