diff --git a/pages/message/chat.scss b/pages/message/chat.scss index a7e418e..9afab37 100644 --- a/pages/message/chat.scss +++ b/pages/message/chat.scss @@ -445,39 +445,33 @@ $primary-color: #0877F1; min-width: 0; } -.text-input { - flex: 1; - padding: 16rpx 24rpx; - background-color: #f3f5fa; - border-radius: 20rpx; - margin: 0; - font-size: 28rpx; - min-height: 56rpx; - max-height: 200rpx; - border: none; - outline: none; - box-sizing: border-box; - line-height: 1.5; - color: #333; - vertical-align: middle; -} - +.text-input, .voice-input-btn { flex: 1; - padding: 16rpx 24rpx; + padding: 16rpx; background-color: #f3f5fa; - border-radius: 20rpx; - margin: 0; + border-radius: 10rpx; font-size: 28rpx; - min-height: 56rpx; + min-height: 80rpx; max-height: 200rpx; border: none; outline: none; box-sizing: border-box; line-height: 1.5; color: #333; + display: flex; + align-items: center; + justify-content: center; } +.text-input { + padding: 20rpx; + display: block; + line-height: 1.5; + height: 80rpx; +} + + .voice-input-btn { height: 56rpx; display: flex; diff --git a/pages/message/components/chat-input.vue b/pages/message/components/chat-input.vue index 6b80d4e..59ee14c 100644 --- a/pages/message/components/chat-input.vue +++ b/pages/message/components/chat-input.vue @@ -8,7 +8,7 @@