moved inline css to external

Zipstack · Sep 19, 2024 · d1b8760 · d1b8760
1 parent 1d9c6d8
commit d1b8760
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/frontend/src/components/custom-tools/prompt-card/DisplayPromptResult.jsx b/frontend/src/components/custom-tools/prompt-card/DisplayPromptResult.jsx
@@ -2,13 +2,14 @@ import { Typography } from "antd";
 import PropTypes from "prop-types";
 import { displayPromptResult } from "../../../helpers/GetStaticData";
 import { InfoCircleFilled } from "@ant-design/icons";
+import "./PromptCard.css"
 
 function DisplayPromptResult({ output }) {
   if (!output) {
     return (
       <Typography.Text className="prompt-not-ran">
         <span>
-          <InfoCircleFilled style={{ color: "#F0AD4E" }} />
+          <InfoCircleFilled className="info-circle-colored" />
         </span>{" "}
         Yet to run
       </Typography.Text>

diff --git a/frontend/src/components/custom-tools/prompt-card/PromptCard.css b/frontend/src/components/custom-tools/prompt-card/PromptCard.css
@@ -260,3 +260,7 @@
   border-radius: 10px;
   padding: 5px 10px;
 }
+
+.info-circle-colored {
+  color: #F0AD4E;
+}