Merge branch 'feat/add-widget' into develop

illacloud · Feb 4, 2024 · 3f351a5 · 3f351a5
2 parents 467b0c2 + 2bf3bef
commit 3f351a5
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/apps/builder/src/widgetLibrary/CodeScannerWidget/codeModal.tsx b/apps/builder/src/widgetLibrary/CodeScannerWidget/codeModal.tsx
@@ -15,6 +15,7 @@ import {
   modalStyle,
   readerContainer,
   readerStyle,
+  successContentStyle,
 } from "./style"
 
 interface CodeModalProps {
@@ -99,18 +100,22 @@ export const SuccessModal: FC<SuccessModalProps> = ({
     <TriggerProvider zIndex={SUCCESS_MODAL_INDEX}>
       <Modal
         visible
+        _css={modalStyle}
         title={t("editor.inspect.setter_message.scan.title")}
-        content={t("editor.inspect.setter_message.scan.desc", {
-          scanValue: value,
-        })}
         okText={t("editor.inspect.setter_message.scan.rescan")}
         cancelText={t("editor.inspect.setter_message.scan.close")}
         onOk={onOK}
         onCancel={onClose}
         okButtonProps={{
           colorScheme,
         }}
-      />
+      >
+        <span css={successContentStyle}>
+          {t("editor.inspect.setter_message.scan.desc", {
+            scanValue: value,
+          })}
+        </span>
+      </Modal>
     </TriggerProvider>,
     document.body,
   )

diff --git a/apps/builder/src/widgetLibrary/CodeScannerWidget/style.ts b/apps/builder/src/widgetLibrary/CodeScannerWidget/style.ts
@@ -75,3 +75,11 @@ export const readerStyle = css`
     min-height: 232px;
   }
 `
+
+export const successContentStyle = css`
+  width: 100%;
+  text-align: center;
+  color: ${getColor("grayBlue", "02")};
+  font-size: 14px;
+  font-weight: 400;
+`