feat: Update send button design in MessageInputBar with gradient background and new icon

This commit is contained in:
k1ngsterr1
2026-01-10 21:08:37 +05:00
parent 58ec38ecb4
commit 308381fa94

View File

@@ -554,8 +554,8 @@ private fun MessageInputBar(
// === RIGHT ZONE (emoji + send) - абсолютная позиция справа внутри инпута ===
Box(
modifier = Modifier
.align(Alignment.BottomEnd)
.padding(end = 6.dp, bottom = 4.dp)
.align(Alignment.CenterEnd)
.padding(end = 6.dp)
) {
// Emoji button (сдвигается влево при send)
Box(
@@ -580,7 +580,7 @@ private fun MessageInputBar(
)
}
// Send button (появляется поверх emoji)
// Send button - красивая круглая кнопка с градиентом
Box(
modifier = Modifier
.graphicsLayer {
@@ -588,17 +588,24 @@ private fun MessageInputBar(
scaleY = sendScale
alpha = sendOpacity
}
.size(width = 52.dp, height = 34.dp)
.clip(RoundedCornerShape(17.dp))
.background(PrimaryBlue)
.size(40.dp)
.clip(CircleShape)
.background(
brush = Brush.linearGradient(
colors = listOf(
Color(0xFF007AFF),
Color(0xFF5AC8FA)
)
)
)
.clickable(enabled = canSend) { onSend() },
contentAlignment = Alignment.Center
) {
Icon(
Icons.Default.Send,
Icons.Default.ArrowUpward,
contentDescription = "Send",
tint = Color.White,
modifier = Modifier.size(18.dp)
modifier = Modifier.size(22.dp)
)
}
}