|
@@ -112,7 +112,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 欢迎消息 -->
|
|
|
- <div v-if="messages.length === 0" class="welcome-section">
|
|
|
+ <div v-if="messages.length === 0" class="welcome-section" style="margin-top:-220px">
|
|
|
<!-- Do you want 部分 -->
|
|
|
<div class="suggestion-section">
|
|
|
<h3>嗨,我是你的智能助手</h3>
|
|
@@ -2015,6 +2015,11 @@ const startResize = (e) => {
|
|
|
// 更新聊天区域的右边距和按钮位置
|
|
|
if (document.querySelector('.chat')) {
|
|
|
document.querySelector('.chat').style.right = `${newWidth}px`;
|
|
|
+ if(newWidth==800){
|
|
|
+ document.querySelector('.input-container').style.width = `97%`;
|
|
|
+ }else{
|
|
|
+ document.querySelector('.input-container').style.width = `98%`;
|
|
|
+ }
|
|
|
}
|
|
|
};
|
|
|
|
|
@@ -2166,6 +2171,7 @@ const updateCollapsedState = () => {
|
|
|
rightMenuWidth.value = 0;
|
|
|
if (document.querySelector('.chat')) {
|
|
|
document.querySelector('.chat').style.right = `${rightMenuWidth.value}px`;
|
|
|
+ document.querySelector('.input-container').style.width = `98%`;
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -2203,6 +2209,7 @@ const updateCollapsedState = () => {
|
|
|
rightMenuWidth.value = 0;
|
|
|
await nextTick();
|
|
|
const chatElement = document.querySelector('.chat');
|
|
|
+ document.querySelector('.input-container').style.width = `98%`;
|
|
|
if (chatElement) {
|
|
|
chatElement.style.right = `${rightMenuWidth.value}px`;
|
|
|
} else {
|
|
@@ -3010,11 +3017,10 @@ const updateCollapsedState = () => {
|
|
|
|
|
|
.input-container {
|
|
|
padding: 15px;
|
|
|
- width: 98%;
|
|
|
+ width: 98%;
|
|
|
/* margin: auto auto 0;
|
|
|
display: flex;
|
|
|
flex-direction: column; */
|
|
|
- gap: 8px;
|
|
|
background-color: var(--secondary-bg);
|
|
|
border-radius: 5px;
|
|
|
}
|
|
@@ -5243,9 +5249,9 @@ button,
|
|
|
}
|
|
|
|
|
|
:deep(.cards-container) {
|
|
|
- display: grid;
|
|
|
+ /* display: grid;
|
|
|
gap: 16px;
|
|
|
- grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
|
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); */
|
|
|
}
|
|
|
|
|
|
:deep(.suggestion-card) {
|