github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-16 14:12:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化发送语音效果

Browse Source
This commit is contained in:
kuaifan 2025-03-09 22:21:11 +08:00
parent 4521cea3b4
commit 5154348cf9
3 changed files with 9 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
resources/assets/js/pages/manage/components/TaskDetail.vue
View File

@ -479,7 +479,6 @@
@drop.prevent="taskPasteDrag($event, 'drag')" @drop.prevent="taskPasteDrag($event, 'drag')"
@dragover.prevent="taskDragOver(true, $event)" @dragover.prevent="taskDragOver(true, $event)"
@dragleave.prevent="taskDragOver(false, $event)"> @dragleave.prevent="taskDragOver(false, $event)">
<div class="no-tip">{{$L('暂无消息')}}</div>
<div class="no-input"> <div class="no-input">
<ChatInput <ChatInput
ref="chatInput" ref="chatInput"

13
resources/assets/sass/pages/components/chat-input.scss vendored
View File

@ -391,8 +391,8 @@
} }
.record-convert { .record-convert {
margin-right: 12px; margin-right: 12px;
width: 32px; width: 36px;
height: 32px; height: 36px;
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -418,12 +418,12 @@
} }
.record-remove { .record-remove {
position: absolute; position: absolute;
bottom: 118px; bottom: 96px;
width: 34px; width: 36px;
right: 9px; right: 8px;
z-index: 3; z-index: 3;
padding: 10px 0; padding: 10px 0;
border-radius: 16px; border-radius: 18px;
display: flex; display: flex;
gap: 4px; gap: 4px;
justify-content: center; justify-content: center;
@ -1238,6 +1238,7 @@ body.window-portrait {
height: 48px; height: 48px;
> li { > li {
&.active { &.active {
background-color: transparent;
&:before { &:before {
background-color: #e1e1e1; background-color: #e1e1e1;
} }

30
resources/assets/sass/pages/components/task-detail.scss vendored
View File

@ -678,31 +678,17 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
.no-tip {
flex: 1;
display: none;
margin-left: 5px;
}
.no-input { .no-input {
position: relative; position: relative;
margin: 22px 0 0 5px; margin: 22px 0 0 5px;
background-color: #F4F5F7;
padding: 10px 0;
border-radius: 10px;
.chat-input-box { .chat-input-box {
.chat-input-quick-emoji { .chat-input-quick-emoji {
right: 0; right: 0;
} }
.chat-input-wrapper { .chat-input-wrapper {
padding: 0 4px 0 6px;
background-color: #F4F5F7; background-color: #F4F5F7;
.chat-toolbar { padding: 8px 4px 8px 6px;
right: 4px; border-radius: 10px;
bottom: 0;
}
.chat-record {
background-color: #F4F5F7;
}
} }
} }
} }
@ -823,18 +809,6 @@
} }
} }
} }
.no-dialog {
.no-tip {
display: flex;
align-items: center;
justify-content: center;
margin-left: 18px;
color: $primary-desc-color;
}
.no-input {
margin: 0 0 0 18px;
}
}
.dialog-wrapper { .dialog-wrapper {
z-index: 0; z-index: 0;
.dialog-footer { .dialog-footer {