From 077713cd64c20b36108851b8a3f1ca7ae7a7e3e9 Mon Sep 17 00:00:00 2001
From: Gabe Yuan <yugang2002@gmail.com>
Date: Wed, 9 Aug 2023 22:58:03 +0800
Subject: [PATCH] add color input to popup

---
 src/views/Action/index.js |  2 +-
 src/views/Popup/index.js  | 10 +++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/views/Action/index.js b/src/views/Action/index.js
index a87e88f..c8b32a0 100644
--- a/src/views/Action/index.js
+++ b/src/views/Action/index.js
@@ -51,7 +51,7 @@ export default function Action({ translator }) {
 
   const popProps = useMemo(() => {
     const width = Math.min(windowSize.w, 300);
-    const height = Math.min(windowSize.h, 386);
+    const height = Math.min(windowSize.h, 442);
     const left = (windowSize.w - width) / 2;
     const top = (windowSize.h - height) / 2;
     return {
diff --git a/src/views/Popup/index.js b/src/views/Popup/index.js
index 5e4ae5e..d5b6627 100644
--- a/src/views/Popup/index.js
+++ b/src/views/Popup/index.js
@@ -89,7 +89,7 @@ export default function Popup({ setShowPopup, translator: tran }) {
     );
   }
 
-  const { transOpen, translator, fromLang, toLang, textStyle } = rule;
+  const { transOpen, translator, fromLang, toLang, textStyle, bgColor } = rule;
 
   return (
     <Box minWidth={300} sx={{ p: 2 }}>
@@ -168,6 +168,14 @@ export default function Popup({ setShowPopup, translator: tran }) {
           ))}
         </TextField>
 
+        <TextField
+          size="small"
+          name="bgColor"
+          defaultValue={bgColor}
+          label={i18n("bg_color")}
+          onBlur={handleChange}
+        />
+
         <Button variant="text" onClick={handleOpenSetting}>
           {i18n("setting")}
         </Button>