聊天页面优化

hongjli

2025-04-10 f3f626b87a6c367033d5bda7dc8091741280f5fa

聊天页面优化

 src/app/ai-scene/chat/page.tsx

@@ -66,7 +66,27 @@
      <div className="w-64 bg-white border-r flex flex-col">
        {/* 固定头部 */}
        <div className="p-4 pt-20 bg-white">
          <div className="flex items-center justify-between mb-4">
          <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"
              >
                <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">
                AI场景
@@ -84,26 +104,6 @@
                }}
              />
            </h2>
            <button
              onClick={() => router.push('/ai-scene')}
              className="group flex items-center px-4 py-2 text-sm text-red-500 hover:text-white bg-red-50 hover:bg-red-500 rounded-lg transition-all duration-300 shadow-sm hover:shadow-md"
            >
              <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"
              >
                <path 
                  strokeLinecap="round" 
                  strokeLinejoin="round" 
                  strokeWidth={2} 
                  d="M10 19l-7-7m0 0l7-7m-7 7h18" 
                />
              </svg>
              <span className="font-medium">返回</span>
            </button>
          </div>
        </div>

@@ -179,7 +179,7 @@
      </div>

      {/* 中间聊天区域 */}
      <div className="flex-1 flex flex-col bg-white pt-20 overflow-hidden">
      <div className="flex-1 flex flex-col bg-white pt-[65px] overflow-hidden">
        {/* 场景标题 */}
        <div className="h-16 bg-white flex items-center justify-center px-6 border-b">
          <h1 className="text-lg font-medium text-gray-900">