icrypto/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
aaron 2025-05-29 22:30:05 +08:00
parent 0dc2d20fe5
commit 917d07fec2
2 changed files with 41 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docker-compose.yml
View File

@ -5,7 +5,7 @@ services:
build: build:
context: . context: .
dockerfile: Dockerfile dockerfile: Dockerfile
image: tradus-web:1.3.27 image: tradus-web:1.3.28
container_name: tradus-web container_name: tradus-web
ports: ports:
- '6000:80' - '6000:80'

42
src/views/ChatAgentView.vue
View File

@ -395,10 +395,12 @@ const formatTime = (date: Date) => {
<style scoped> <style scoped>
.chat-agent-view { .chat-agent-view {
height: 100vh; height: 100vh;
height: 100dvh; /* 动态视口高度，适配移动端 */
background-color: var(--color-bg-primary); background-color: var(--color-bg-primary);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
position: relative;
} }
.chat-container { .chat-container {
@ -409,6 +411,7 @@ const formatTime = (date: Date) => {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
position: relative;
} }
.chat-messages { .chat-messages {
@ -417,6 +420,7 @@ const formatTime = (date: Date) => {
padding: 2rem; padding: 2rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-bottom: 1rem; /* 为输入框留出空间 */
} }
.welcome-message { .welcome-message {
@ -701,9 +705,12 @@ const formatTime = (date: Date) => {
.chat-input { .chat-input {
padding: 1rem; padding: 1rem;
background-color: transparent; background-color: var(--color-bg-primary);
border-top: none; border-top: none;
flex-shrink: 0; flex-shrink: 0;
position: sticky;
bottom: 0;
z-index: 10;
} }
.input-container { .input-container {
@ -788,12 +795,26 @@ const formatTime = (date: Date) => {
/* 响应式设计 */ /* 响应式设计 */
@media (max-width: 768px) { @media (max-width: 768px) {
.chat-agent-view {
height: 100vh;
height: 100dvh;
min-height: -webkit-fill-available;
}
.chat-messages { .chat-messages {
padding: 1rem; padding: 1rem;
padding-bottom: 80px; /* 为固定输入框留出空间 */
} }
.chat-input { .chat-input {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
background-color: var(--color-bg-primary);
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
border-top: 1px solid var(--color-border);
} }
.input-container { .input-container {
@ -803,6 +824,8 @@ const formatTime = (date: Date) => {
align-items: center; align-items: center;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin: 0 auto;
max-width: 1000px;
} }
.message-input { .message-input {
@ -881,12 +904,25 @@ const formatTime = (date: Date) => {
} }
@media (max-width: 480px) { @media (max-width: 480px) {
.chat-agent-view {
height: 100vh;
height: 100dvh;
min-height: -webkit-fill-available;
}
.chat-messages { .chat-messages {
padding: 4.5rem 0.75rem 0rem 0.75rem; padding: 4.5rem 0.75rem 80px 0.75rem; /* 为固定输入框留出空间 */
} }
.chat-input { .chat-input {
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
background-color: var(--color-bg-primary);
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
border-top: 1px solid var(--color-border);
} }
.input-container { .input-container {
@ -896,6 +932,8 @@ const formatTime = (date: Date) => {
align-items: center; align-items: center;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin: 0 auto;
max-width: 1000px;
} }
.message-input { .message-input {