From ad47ed6eb99ddb9be84240fc3fd93c7d54016ebc Mon Sep 17 00:00:00 2001
From: hongjli <3117313295@qq.com>
Date: 星期四, 10 四月 2025 15:01:13 +0800
Subject: [PATCH] 聊天页面优化
---
src/app/ai-scene/chat/page.tsx | 75 +++++++++++++++++++------------------
1 files changed, 38 insertions(+), 37 deletions(-)
diff --git a/src/app/ai-scene/chat/page.tsx b/src/app/ai-scene/chat/page.tsx
index 26025c2..780e046 100644
--- a/src/app/ai-scene/chat/page.tsx
+++ b/src/app/ai-scene/chat/page.tsx
@@ -65,45 +65,46 @@
{/* 宸︿晶鍦烘櫙閫夐」鍗� */}
<div className="w-64 bg-white border-r flex flex-col">
{/* 鍥哄畾澶撮儴 */}
- <div className="p-4 pt-20 bg-white">
- <div className="flex flex-col space-y-4">
- <button
- onClick={() => router.push('/ai-scene')}
- className="group flex items-center text-sm text-gray-500 hover:text-red-500 transition-all duration-300"
- >
- <svg
- xmlns="http://www.w3.org/2000/svg"
- className="h-4 w-4 mr-1.5 transition-transform duration-300 group-hover:-translate-x-0.5"
- fill="none"
- viewBox="0 0 24 24"
- stroke="currentColor"
+ <div className="pt-[65px] bg-white">
+ <div className="h-12 px-6 flex items-center border-b">
+ <div className="flex items-center">
+ <button
+ onClick={() => router.push('/ai-scene')}
+ className="group inline-flex items-center text-sm text-gray-500 hover:text-red-500 transition-all duration-300 cursor-pointer"
>
- <path
- strokeLinecap="round"
- strokeLinejoin="round"
- strokeWidth={2}
- d="M10 19l-7-7m0 0l7-7m-7 7h18"
- />
- </svg>
- <span>杩斿洖</span>
- </button>
- <h2 className="text-xl font-bold flex items-center">
- <span className="text-gray-900">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ className="h-4 w-4 transition-transform duration-300 group-hover:-translate-x-0.5"
+ fill="none"
+ viewBox="0 0 24 24"
+ stroke="currentColor"
+ >
+ <path
+ strokeLinecap="round"
+ strokeLinejoin="round"
+ strokeWidth={2}
+ d="M10 19l-7-7m0 0l7-7m-7 7h18"
+ />
+ </svg>
+ <span className="ml-1.5">杩斿洖</span>
+ </button>
+ <div className="mx-3 h-4 w-px bg-gray-200"></div>
+ <h2 className="text-base font-medium text-gray-900 flex items-center">
AI鍦烘櫙
- </span>
- <motion.span
- className="ml-2 inline-block w-2 h-2 rounded-full bg-[#6ADBFF]"
- animate={{
- scale: [1, 1.5, 1],
- opacity: [0.7, 1, 0.7]
- }}
- transition={{
- duration: 2,
- repeat: Infinity,
- ease: "easeInOut"
- }}
- />
- </h2>
+ <motion.span
+ className="ml-2 inline-block w-1.5 h-1.5 rounded-full bg-[#6ADBFF]"
+ animate={{
+ scale: [1, 1.5, 1],
+ opacity: [0.7, 1, 0.7]
+ }}
+ transition={{
+ duration: 2,
+ repeat: Infinity,
+ ease: "easeInOut"
+ }}
+ />
+ </h2>
+ </div>
</div>
</div>
--
Gitblit v1.9.3