fix: change some styles of bot

difizen · Nov 20, 2024 · 7c8d592 · 7c8d592
1 parent 72749e5
commit 7c8d592
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 5 deletions.
diff --git a/web-packages/magent-au/src/views/agent-chat/index.less b/web-packages/magent-au/src/views/agent-chat/index.less
@@ -1,5 +1,8 @@
 .magent-agent-chat-layout {
   height: 100%;
+  border-radius: 8px;
+  background: url('https://mdn.alipayobjects.com/huamei_je4oko/afts/img/A*RGzYTpUgRpcAAAAAAAAAAAAADsZ-AQ/original')
+    no-repeat center center/cover;
 
   &-container {
     gap: 16px;
@@ -9,6 +12,7 @@
 
   &-history {
     width: 260px;
+    border-left: 1px solid #e9eaeb;
   }
 
   &-chat {

diff --git a/web-packages/magent-au/src/views/sessions/index.less b/web-packages/magent-au/src/views/sessions/index.less
@@ -1,6 +1,6 @@
 .chat-histroy-list {
   padding: 8px;
-  background: #fff;
+  background: transparent;
   border-radius: 8px;
   flex-shrink: 99;
   overflow: hidden;
@@ -20,6 +20,14 @@
   font-size: 16px;
 }
 
+.chat-histroy-add-button {
+  background-color: transparent;
+
+  &:hover {
+    background-color: transparent !important;
+  }
+}
+
 .chat-histroy-scroll {
   margin-top: 8px;
   overflow-y: auto;

diff --git a/web-packages/magent-au/src/views/sessions/view.tsx b/web-packages/magent-au/src/views/sessions/view.tsx
@@ -105,6 +105,7 @@ const SessionsViewComponent = forwardRef<HTMLDivElement>(
           icon={<PlusOutlined className={'chat-histroy-icon'} />}
           // loading={sessionSnap.convCreating}
           onClick={instance.createSession}
+          className={'chat-histroy-add-button'}
         >
           开启新会话
         </Button>

diff --git a/web-packages/magent-chat/src/chat-view/index.less b/web-packages/magent-chat/src/chat-view/index.less
@@ -3,9 +3,9 @@
   height: 100%;
   display: flex;
   flex-direction: column;
-  background-color: var(--mana-color-bg-container);
   box-sizing: border-box;
   border-radius: 8px;
+  background-color: transparent;
 
   &-content {
     width: 100%;
@@ -14,9 +14,6 @@
     flex-direction: column;
     font-size: 12px;
     box-sizing: border-box;
-    border-radius: 8px;
-    background: url('https://mdn.alipayobjects.com/huamei_je4oko/afts/img/A*RGzYTpUgRpcAAAAAAAAAAAAADsZ-AQ/original')
-      no-repeat center center/cover;
 
     &-list {
       overflow-y: auto;