From ea9cb6b0619e2c77303202b90e1254b8908a6abd Mon Sep 17 00:00:00 2001
From: Teror Fox <i@trfox.top>
Date: Mon, 27 Jan 2025 23:22:48 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Dbuild=E8=BF=87?=
 =?UTF-8?q?=E7=A8=8B=E4=B8=AD=E5=8F=91=E7=94=9F=E7=9A=84=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/EnvVariableConfig.tsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/app/components/EnvVariableConfig.tsx b/app/components/EnvVariableConfig.tsx
index 4dedee9..917d585 100644
--- a/app/components/EnvVariableConfig.tsx
+++ b/app/components/EnvVariableConfig.tsx
@@ -44,12 +44,16 @@ export function EnvVariableConfig({ variableNames, format }: { variableNames: {
             className="border rounded-lg px-2 py-2 w-1/2 bg-transparent focus:outline-none focus:border-black hover:border-white-400 transition duration-300 font-[400] font-sans text-sm cursor-not-allowed dark:border-gray-700 dark:text-gray-300 dark:bg-gray-800"
             value={name.name || name.key}
             data-tip={name.key}
+            title={name.name || name.key}
+            placeholder={name.name || name.key}
             onMouseOver={(e: any) => {
-              e.target.style.color = 'transparent';
-              setTimeout(() => {
-                e.target.style.color = 'inherit';
-                e.target.value = e.target.dataset.tip;
-              }, 300);
+              if (typeof window !== 'undefined') {
+                e.target.style.color = 'transparent';
+                setTimeout(() => {
+                  e.target.style.color = 'inherit';
+                  e.target.value = e.target.dataset.tip;
+                }, 0);
+              }
             }}
             onMouseLeave={(e: any) => {
               e.target.style.color = 'transparent';
@@ -62,8 +66,7 @@ export function EnvVariableConfig({ variableNames, format }: { variableNames: {
           />
           <input
             type="text"
-            className="border rounded-lg px-2 py-2 w-1/2 focus:outline-none focus:border-black hover:border-gray-400 transition duration-300 font-[400] font-sans text-sm dark:border-gray-700 dark:text-gray-300 dark:bg-gray-800" 
-            style={{ outline: "none", boxShadow: "none" }}
+            className="border rounded-lg px-2 py-2 w-1/2 focus:outline-none focus:border-black hover:border-gray-400 transition duration-300 font-[400] font-sans text-sm dark:border-gray-700 dark:text-gray-300 dark:bg-gray-800 focus:shadow-none"
             placeholder={`Enter value...`}
             value={values[index]}
             onChange={(e) => handleChange(index, e.target.value)}