From 308381fa949ec916b96a65f394a52b5c5e3e3e24 Mon Sep 17 00:00:00 2001 From: k1ngsterr1 Date: Sat, 10 Jan 2026 21:08:37 +0500 Subject: [PATCH] feat: Update send button design in MessageInputBar with gradient background and new icon --- .../messenger/ui/chats/ChatDetailScreen.kt | 23 ++++++++++++------- 1 file changed, 15 insertions(+), 8 deletions(-) diff --git a/app/src/main/java/com/rosetta/messenger/ui/chats/ChatDetailScreen.kt b/app/src/main/java/com/rosetta/messenger/ui/chats/ChatDetailScreen.kt index 4dd478c..7afb04a 100644 --- a/app/src/main/java/com/rosetta/messenger/ui/chats/ChatDetailScreen.kt +++ b/app/src/main/java/com/rosetta/messenger/ui/chats/ChatDetailScreen.kt @@ -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) ) } }