From 86a7ef891420c36040598ce52fb748298cf98d14 Mon Sep 17 00:00:00 2001
From: ZacharyZcR <zacharyzcr1984@gmail.com>
Date: Tue, 16 Sep 2025 18:30:49 +0800
Subject: [PATCH] Enhance inline editing visual design and UX
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Replace harsh white/black input with softer blue-tinted design
- Grid view: light blue background (bg-blue-50) with subtle styling
- List view: improved padding and rounded corners
- Add smooth transitions and focus ring effects
- Enhanced hover states with semi-transparent white overlay
- Better visual feedback for interactive file names
- Tooltip improvements: '(点击重命名)' for user guidance
- More professional and polished appearance
- Consistent with modern design systems
---
 src/ui/Desktop/Apps/File Manager/FileManagerGrid.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/ui/Desktop/Apps/File Manager/FileManagerGrid.tsx b/src/ui/Desktop/Apps/File Manager/FileManagerGrid.tsx
index b271f24a..964631a5 100644
--- a/src/ui/Desktop/Apps/File Manager/FileManagerGrid.tsx	
+++ b/src/ui/Desktop/Apps/File Manager/FileManagerGrid.tsx	
@@ -535,13 +535,13 @@ export function FileManagerGrid({
                           onChange={(e) => setEditingName(e.target.value)}
                           onKeyDown={handleEditKeyDown}
                           onBlur={handleEditConfirm}
-                          className="w-full text-xs bg-white text-black px-1 py-0.5 rounded border-2 border-blue-500 text-center"
+                          className="w-full text-xs bg-blue-50 text-gray-900 px-2 py-1 rounded border border-blue-300 text-center shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
                           onClick={(e) => e.stopPropagation()}
                         />
                       ) : (
                         <p
-                          className="text-xs text-white truncate cursor-pointer"
-                          title={file.name}
+                          className="text-xs text-white truncate cursor-pointer hover:bg-white/10 px-1 py-0.5 rounded transition-colors duration-150"
+                          title={`${file.name} (点击重命名)`}
                           onClick={(e) => {
                             // 阻止文件选择事件
                             if (onStartEdit) {
@@ -600,13 +600,13 @@ export function FileManagerGrid({
                         onChange={(e) => setEditingName(e.target.value)}
                         onKeyDown={handleEditKeyDown}
                         onBlur={handleEditConfirm}
-                        className="w-full text-sm bg-white text-black px-2 py-1 rounded border-2 border-blue-500"
+                        className="w-full text-sm bg-blue-50 text-gray-900 px-3 py-1.5 rounded-md border border-blue-300 shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200"
                         onClick={(e) => e.stopPropagation()}
                       />
                     ) : (
                       <p
-                        className="text-sm text-white truncate cursor-pointer"
-                        title={file.name}
+                        className="text-sm text-white truncate cursor-pointer hover:bg-white/10 px-2 py-1 rounded transition-colors duration-150"
+                        title={`${file.name} (点击重命名)`}
                         onClick={(e) => {
                           // 阻止文件选择事件
                           if (onStartEdit) {