-
+
-
-
@@ -123,7 +174,7 @@ export default {
@@ -143,7 +194,7 @@ export default {
display: flex;
align-items: flex-end;
gap: 18px;
- z-index: 202406171636;
+ z-index: 1888;
.copilot {
border-radius: 0 0 8px 8px;
@@ -156,6 +207,7 @@ export default {
background-image: linear-gradient(90deg, #3577FD 0%, #216AFD 100%);
box-shadow: 0 2px 6px 0 #0a255c14;
border-radius: 8px 8px 0 0;
+ overflow: hidden;
padding: 0 8px 0 14px;
color: #fff;
font-size: 14px;
@@ -192,17 +244,19 @@ export default {
height: 100%;
transition: width 1s;
padding: 14px 0;
- overflow: hidden;
+ overflow-x: hidden;
+ overflow-y: auto;
& > * {
margin: 0 14px;
}
&.expand {
- width: 260px;
+ width: 306px;
& + .right {
border-left-color: #ddd;
+ width: 660px;
}
}
@@ -210,7 +264,7 @@ export default {
padding: 18px 14px;
height: 88px;
background: url("https://cdn.sinoecare.com/i/2024/06/04/665ed2bc580fa.png") no-repeat;
- background-size: 100%;
+ background-size: 100% 100%;
font-size: 14px;
color: #222222;
letter-spacing: 0;
@@ -229,6 +283,9 @@ export default {
margin-top: 18px;
padding-top: 29px;
position: relative;
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ gap: 6px;
&:before {
content: "常用功能";
@@ -251,7 +308,7 @@ export default {
border-radius: 4px;
- &:hover {
+ &:hover, &.current {
background-color: #286ffd14;
}
}
@@ -304,7 +361,7 @@ export default {
}
}
- &:hover {
+ &:hover, &.current {
background: #2b71fd24;
.operation {
@@ -316,11 +373,12 @@ export default {
}
.right {
- width: 420px;
+ width: 468px;
height: 100%;
padding: 14px 0 14px 14px;
align-items: stretch;
border-left: 1px solid transparent;
+ transition: width 1s;
.sendBtn {
width: 36px;
@@ -346,9 +404,10 @@ export default {
.topBar {
width: 100%;
- height: 25px;
+ height: 28px;
border-bottom: 1px solid #E0E0E0;
margin-bottom: 10px;
+ align-items: flex-start;
.btn {
font-size: 12px;
@@ -371,6 +430,7 @@ export default {
border: none;
box-sizing: border-box;
background: transparent;
+ min-height: 73px !important;
}
}
}
diff --git a/ui/packages/ai/components/chatContent.vue b/ui/packages/ai/components/chatContent.vue
index d9a6c4f3..eb0a44be 100644
--- a/ui/packages/ai/components/chatContent.vue
+++ b/ui/packages/ai/components/chatContent.vue
@@ -1,8 +1,8 @@
-
-
![]()
+
+
@@ -11,6 +11,9 @@