From 9df11bbddf456fa85579fd568ccda660e76dccbf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=87=E8=B6=A3=E4=BF=9D=E7=BD=97?=
 <dreamer_paul@126.com>
Date: Wed, 5 Nov 2025 20:32:04 +0800
Subject: [PATCH] =?UTF-8?q?Fix:=20=E4=BC=98=E5=8C=96=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E4=BD=93=E9=AA=8C=EF=BC=8C=E6=94=B9=E6=88=90=E5=A4=9A=E8=A1=8C?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ui/textarea.tsx               | 18 ++++++++++++++++++
 src/hooks/biz/use-translation-inline-edit.ts |  4 ++--
 src/index.css                                |  2 +-
 src/pages/editor.tsx                         | 10 ++++++----
 4 files changed, 27 insertions(+), 7 deletions(-)
 create mode 100644 src/components/ui/textarea.tsx

diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
new file mode 100644
index 0000000..da343f2
--- /dev/null
+++ b/src/components/ui/textarea.tsx
@@ -0,0 +1,18 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
+  return (
+    <textarea
+      data-slot="textarea"
+      className={cn(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Textarea };
diff --git a/src/hooks/biz/use-translation-inline-edit.ts b/src/hooks/biz/use-translation-inline-edit.ts
index 651f66c..6692cc4 100644
--- a/src/hooks/biz/use-translation-inline-edit.ts
+++ b/src/hooks/biz/use-translation-inline-edit.ts
@@ -18,7 +18,7 @@ export function useTranslationInlineEdit(opts: {
   const [editingKey, setEditingKey] = useState<string | null>(null);
   const [editingValue, setEditingValue] = useState<string>("");
   const [savingKey, setSavingKey] = useState<string | null>(null);
-  const inputRef = useRef<HTMLInputElement | null>(null);
+  const inputRef = useRef<HTMLTextAreaElement | null>(null);
 
   function startEdit(path: string, lang: string) {
     const key = makeKey(path, lang);
@@ -63,7 +63,7 @@ export function useTranslationInlineEdit(opts: {
     }
   }
 
-  function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {
+  function handleKeyDown(e: React.KeyboardEvent<HTMLTextAreaElement>) {
     if (e.key === "Enter") {
       e.preventDefault();
       void saveEdit();
diff --git a/src/index.css b/src/index.css
index f36ea66..e626c8f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -11,7 +11,7 @@
   --card-foreground: oklch(0.129 0.042 264.695);
   --popover: oklch(1 0 0);
   --popover-foreground: oklch(0.129 0.042 264.695);
-  --primary: oklch(0.208 0.042 265.755);
+  --primary: oklch(62.3% 0.214 259.815);
   --primary-foreground: oklch(0.984 0.003 247.858);
   --secondary: oklch(0.968 0.007 247.896);
   --secondary-foreground: oklch(0.208 0.042 265.755);
diff --git a/src/pages/editor.tsx b/src/pages/editor.tsx
index 7efadfd..2ef0d04 100644
--- a/src/pages/editor.tsx
+++ b/src/pages/editor.tsx
@@ -36,6 +36,7 @@ import {
 import { useClipboard } from "@/hooks/use-clipboard";
 import { toast } from "sonner";
 import { Checkbox } from "@/components/ui/checkbox";
+import { Textarea } from "@/components/ui/textarea";
 
 export default function Editor() {
   const { id: projectId } = useParams();
@@ -202,17 +203,18 @@ export default function Editor() {
           const isEditing = inline.isEditingCell(entry.path, lang);
           const isSaving = inline.isSavingCell(entry.path, lang);
           const displayValue = inline.getDisplayValue(entry.path, lang);
+
           return (
             <td key={`${entry.path}:${lang}`} className="px-3 py-2 text-foreground/90 align-top">
               {isEditing ? (
-                <Input
+                <Textarea
                   ref={inline.inputRef}
                   value={inline.editingValue}
                   onChange={(e) => inline.setEditingValue(e.target.value)}
                   onBlur={inline.saveEdit}
                   onKeyDown={inline.handleKeyDown}
                   disabled={isSaving}
-                  className="h-8"
+                  className="leading-8 px-2 py-0"
                 />
               ) : (
                 <button
@@ -221,7 +223,7 @@ export default function Editor() {
                   onClick={() => inline.startEdit(entry.path, lang)}
                   title="点击编辑"
                 >
-                  {displayValue || <span className="text-muted-foreground">点击编辑</span>}
+                  {displayValue || <span className="text-destructive">点击编辑</span>}
                 </button>
               )}
             </td>
@@ -369,7 +371,7 @@ export default function Editor() {
                 <CaseSensitive />
                 {caseSensitive ? "区分大小写" : "忽略大小写"}
               </Button>
-              <Button variant="outline" type="submit">
+              <Button type="submit">
                 <LocateFixed />
                 定位
               </Button>