Refined UI,code logic for improved user experience

app/components/home.module.scss

@@ -183,6 +183,24 @@
   animation: slide-in ease 0.3s;
 }
 
+.chat-item-rename {
+  position: absolute;
+  top: 10px;
+  right: 30px;
+  transition: all ease 0.3s;
+  opacity: 0;
+  cursor: pointer;
+}
+
+.chat-item:hover > .chat-item-rename {
+  opacity: 0.5;
+  transform: translateX(-10px);
+}
+
+.chat-item:hover > .chat-item-rename:hover {
+  opacity: 1;
+}
+
 .chat-item-delete {
   position: absolute;
   top: 10px;
@@ -283,8 +301,20 @@
     }
   }
 
+  .chat-item-rename {
+    top: 15px;
+    right: 35px;
+    opacity: 1;
+  }
+
+  .chat-item:hover > .chat-item-rename {
+    opacity: 0.5;
+    right: 30px;
+  }
+
   .chat-item-delete {
     top: 15px;
+    opacity: 1; // 手机模式下始终显示
   }
 
   .chat-item:hover > .chat-item-delete {