Merge pull request #1072 from multiversx/ag/ask-ai

Ag/ask ai
multiversx · Feb 28, 2025 · 39da04e · 39da04e
2 parents 17cc610 + f1ff525
commit 39da04e
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/src/components/AskAiButton/ChatWindow.tsx b/src/components/AskAiButton/ChatWindow.tsx
@@ -91,8 +91,15 @@ const ChatWindow = ({ onClose }) => {
           alignItems: "center",
         }}
       >
-        <div className="chat-modal-title" style={{ fontSize: "18px" }}>
-          Ask MultiversX AI
+        <div
+          className="chat-modal-title"
+          style={{
+            fontSize: "18px",
+            position: "relative",
+            marginRight: "auto",
+          }}
+        >
+          <span>Ask MultiversX AI</span>
         </div>
         <button
           onClick={onClose}

diff --git a/src/components/AskAiButton/index.tsx b/src/components/AskAiButton/index.tsx
@@ -29,12 +29,20 @@ const AskAiButton = () => {
       <button
         className="rounded-lg bg-black dark:bg-teal-400 px-2.5 py-1.5 text-sm font-semibold text-teal-300 dark:text-black shadow-sm hover:bg-neutral-800 dark:hover:bg-teal-500 outline-none border-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-teal-600 inline-flex items-center justify-center"
         onClick={openModal}
+        style={{ position: "relative", marginRight: "auto" }}
       >
         <FontAwesomeIcon
           icon={faRobot}
           className="text-center text-primary text-sm dark:text-black text-teal-300"
         />
         <span className="pl-2">Ask AI</span>
+        <div className="absolute -top-2 right-full lg:left-full lg:right-auto -mr-3 lg:-ml-5 lg:mr-0 h-5 px-1 bg-gradient-to-tr from-[#bc82f3] via-[#FFAC73] to-[#c686ff] rounded-lg justify-center items-center inline-flex pointer-events-none">
+          <div className="p-0.5 rounded-lg justify-center items-center flex">
+            <span className="text-center text-black text-xs font-bold leading-none">
+              BETA
+            </span>
+          </div>
+        </div>
       </button>
       <Modal
         isOpen={modalIsOpen}

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -675,3 +675,4 @@ table > tfoot:not(:last-child) {
 }
 
 /* -------------------- End Dynamic Theme Support ------------------- */
+
Original file line number	Diff line number	Diff line change
Expand Up		@@ -675,3 +675,4 @@ table > tfoot:not(:last-child) {
		}

		/* -------------------- End Dynamic Theme Support ------------------- */