kexueadmin
/
ai-chat-ui
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 扩大对话区域内边距

This commit is contained in:
肖应宇 2026-03-08 17:27:28 +08:00
parent c33067fbcb
commit 3f2c964731
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/chat/ChatMain.vue
View File

@ -484,14 +484,14 @@ watch(
&.wide-mode { &.wide-mode {
.input-container { .input-container {
min-width: 1000px; // min-width: 1000px;
} }
} }
} }
.input-wrapper { .input-wrapper {
flex-shrink: 0; flex-shrink: 0;
padding: 16px 150px 24px; padding: 16px 10% 24px;
background: linear-gradient(to top, white 80%, transparent); background: linear-gradient(to top, white 80%, transparent);
.dark & { .dark & {
@ -501,12 +501,12 @@ watch(
.input-container { .input-container {
width: 100%; width: 100%;
min-width: 1000px; // min-width: 1000px;
// margin: 0 auto; // margin: 0 auto;
transition: max-width 0.3s ease; transition: max-width 0.3s ease;
&.wide { &.wide {
min-width: 1000px; // min-width: 1000px;
} }
} }
</style> </style>

2
src/components/message/MessageBubble.vue
View File

@ -276,7 +276,7 @@ setCustomComponents("playground-demo", {
.message-bubble { .message-bubble {
display: flex; display: flex;
gap: 16px; gap: 16px;
padding: 20px 150px; padding: 20px 10%;
animation: fadeIn 0.3s ease; animation: fadeIn 0.3s ease;
&.role-user { &.role-user {