feat: 去掉背景组件
This commit is contained in:
@@ -1,59 +0,0 @@
|
|||||||
// src/views/AgentChat/components/BackgroundEffects.js
|
|
||||||
// 背景渐变装饰层组件
|
|
||||||
|
|
||||||
import React from 'react';
|
|
||||||
import { Box } from '@chakra-ui/react';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* BackgroundEffects - 背景渐变装饰层
|
|
||||||
*
|
|
||||||
* 包含主背景渐变和两个装饰光效(右上紫色、左下蓝色)
|
|
||||||
*
|
|
||||||
* @returns {JSX.Element}
|
|
||||||
*/
|
|
||||||
const BackgroundEffects = () => {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
{/* 主背景渐变层 */}
|
|
||||||
<Box
|
|
||||||
position="absolute"
|
|
||||||
top={0}
|
|
||||||
left={0}
|
|
||||||
right={0}
|
|
||||||
bottom={0}
|
|
||||||
bgGradient="linear(to-br, gray.900, gray.800, purple.900)"
|
|
||||||
zIndex={0}
|
|
||||||
/>
|
|
||||||
|
|
||||||
{/* 右上角紫色光效 */}
|
|
||||||
<Box
|
|
||||||
position="absolute"
|
|
||||||
top="0"
|
|
||||||
right="-20%"
|
|
||||||
width="600px"
|
|
||||||
height="600px"
|
|
||||||
bgGradient="radial(circle, purple.600, transparent)"
|
|
||||||
opacity="0.15"
|
|
||||||
filter="blur(100px)"
|
|
||||||
pointerEvents="none"
|
|
||||||
zIndex={0}
|
|
||||||
/>
|
|
||||||
|
|
||||||
{/* 左下角蓝色光效 */}
|
|
||||||
<Box
|
|
||||||
position="absolute"
|
|
||||||
bottom="-30%"
|
|
||||||
left="-10%"
|
|
||||||
width="500px"
|
|
||||||
height="500px"
|
|
||||||
bgGradient="radial(circle, blue.600, transparent)"
|
|
||||||
opacity="0.1"
|
|
||||||
filter="blur(100px)"
|
|
||||||
pointerEvents="none"
|
|
||||||
zIndex={0}
|
|
||||||
/>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default BackgroundEffects;
|
|
||||||
@@ -11,7 +11,6 @@ import { DEFAULT_MODEL_ID } from './constants/models';
|
|||||||
import { DEFAULT_SELECTED_TOOLS } from './constants/tools';
|
import { DEFAULT_SELECTED_TOOLS } from './constants/tools';
|
||||||
|
|
||||||
// 拆分后的子组件
|
// 拆分后的子组件
|
||||||
import BackgroundEffects from './components/BackgroundEffects';
|
|
||||||
import LeftSidebar from './components/LeftSidebar';
|
import LeftSidebar from './components/LeftSidebar';
|
||||||
import ChatArea from './components/ChatArea';
|
import ChatArea from './components/ChatArea';
|
||||||
import RightSidebar from './components/RightSidebar';
|
import RightSidebar from './components/RightSidebar';
|
||||||
@@ -105,9 +104,6 @@ const AgentChat = () => {
|
|||||||
return (
|
return (
|
||||||
<Box flex={1} bg="gray.900">
|
<Box flex={1} bg="gray.900">
|
||||||
<Flex h="100%" overflow="hidden" position="relative">
|
<Flex h="100%" overflow="hidden" position="relative">
|
||||||
{/* 背景渐变装饰 */}
|
|
||||||
<BackgroundEffects />
|
|
||||||
|
|
||||||
{/* 左侧栏 */}
|
{/* 左侧栏 */}
|
||||||
<LeftSidebar
|
<LeftSidebar
|
||||||
isOpen={isLeftSidebarOpen}
|
isOpen={isLeftSidebarOpen}
|
||||||
@@ -138,7 +134,7 @@ const AgentChat = () => {
|
|||||||
onToggleRightSidebar={() => setIsRightSidebarOpen(true)}
|
onToggleRightSidebar={() => setIsRightSidebarOpen(true)}
|
||||||
onNewSession={createNewSession}
|
onNewSession={createNewSession}
|
||||||
userAvatar={user?.avatar}
|
userAvatar={user?.avatar}
|
||||||
messagesEndRef={messagesEndRef}
|
// messagesEndRef={messagesEndRef}
|
||||||
inputRef={inputRef}
|
inputRef={inputRef}
|
||||||
fileInputRef={fileInputRef}
|
fileInputRef={fileInputRef}
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user