Rosetta/mobile-android
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
k1ngsterr1
2026-01-10 21:08:37 +05:00
parent 58ec38ecb4
commit 308381fa94
1 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/src/main/java/com/rosetta/messenger/ui/chats/ChatDetailScreen.kt
View File

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