@@ -309,7 +309,7 @@ private fun OverviewScreen(
309309310310ClawScaffold(contentPadding = PaddingValues(start = 20.dp, top = 14.dp, end = 20.dp, bottom = 20.dp)) {
311311Box(modifier = Modifier.fillMaxSize()) {
312-LazyColumn(verticalArrangement = Arrangement.spacedBy(10.dp), contentPadding = PaddingValues(bottom = 82.dp)) {
312+LazyColumn(verticalArrangement = Arrangement.spacedBy(10.dp), contentPadding = PaddingValues(bottom = 104.dp)) {
313313 item {
314314Row(
315315 modifier = Modifier.fillMaxWidth(),
@@ -407,7 +407,7 @@ private fun OverviewScreen(
407407 }
408408 }
409409 }
410-OverviewChatButton(onClick = { onSelectTab(Tab.Chat) }, modifier = Modifier.align(Alignment.BottomEnd).padding(bottom = 8.dp))
410+OverviewChatButton(onClick = { onSelectTab(Tab.Chat) }, modifier = Modifier.align(Alignment.BottomEnd).padding(bottom = 20.dp))
411411 }
412412 }
413413}
@@ -429,17 +429,17 @@ private fun OverviewChatButton(
429429Surface(
430430 onClick = onClick,
431431 modifier = modifier.height(ClawTheme.spacing.touchTarget),
432- shape = RoundedCornerShape(ClawTheme.radii.pill),
432+ shape = RoundedCornerShape(ClawTheme.radii.button),
433433 color = ClawTheme.colors.primary,
434434 contentColor = ClawTheme.colors.primaryText,
435435 ) {
436436Row(
437- modifier = Modifier.padding(horizontal = 18.dp),
437+ modifier = Modifier.padding(horizontal = 16.dp),
438438 verticalAlignment = Alignment.CenterVertically,
439- horizontalArrangement = Arrangement.spacedBy(7.dp),
439+ horizontalArrangement = Arrangement.spacedBy(8.dp),
440440 ) {
441441Icon(imageVector = Icons.Outlined.ChatBubbleOutline, contentDescription = null, modifier = Modifier.size(18.dp))
442-Text(text = "Chat", style = ClawTheme.type.title.copy(fontSize = 17.sp, lineHeight = 22.sp))
442+Text(text = "Chat", style = ClawTheme.type.label.copy(fontSize = 16.sp, lineHeight = 20.sp))
443443 }
444444 }
445445}
@@ -480,7 +480,7 @@ private fun ModuleList(
480480onSelectTab: (Tab) -> Unit,
481481onOpenSettingsRoute: (SettingsRoute) -> Unit,
482482) {
483-ClawPanel(contentPadding = PaddingValues(horizontal = 8.dp, vertical = 0.dp)) {
483+ClawPanel(contentPadding = PaddingValues(horizontal = 14.dp, vertical = 4.dp)) {
484484Column(verticalArrangement = Arrangement.spacedBy(0.dp)) {
485485 rows.forEachIndexed { index, row ->
486486ModuleListRow(
@@ -495,7 +495,7 @@ private fun ModuleList(
495495 },
496496 )
497497if (index != rows.lastIndex) {
498-HorizontalDivider(color = ClawTheme.colors.border, thickness = 1.dp)
498+HorizontalDivider(color = ClawTheme.colors.border.copy(alpha = 0.82f), thickness = 1.dp)
499499 }
500500 }
501501 }
@@ -512,14 +512,14 @@ private fun ModuleListRow(
512512 modifier =
513513Modifier
514514 .fillMaxWidth()
515- .heightIn(min = 50.dp)
515+ .heightIn(min = 54.dp)
516516 .clip(RoundedCornerShape(ClawTheme.radii.row))
517517 .clickable(onClick = onClick)
518- .padding(horizontal = 2.dp, vertical = 5.dp),
518+ .padding(horizontal = 0.dp, vertical = 6.dp),
519519 verticalAlignment = Alignment.CenterVertically,
520520 horizontalArrangement = Arrangement.spacedBy(9.dp),
521521 ) {
522-Icon(imageVector = row.icon, contentDescription = null, modifier = Modifier.size(19.dp), tint = ClawTheme.colors.text)
522+Icon(imageVector = row.icon, contentDescription = null, modifier = Modifier.size(20.dp), tint = ClawTheme.colors.text)
523523Text(
524524 text = row.title,
525525 style = ClawTheme.type.body,
@@ -531,7 +531,7 @@ private fun ModuleListRow(
531531 row.metadata?.let {
532532Row(verticalAlignment = Alignment.CenterVertically, horizontalArrangement = Arrangement.spacedBy(6.dp)) {
533533Box(modifier = Modifier.size(4.5.dp).clip(CircleShape).background(statusDotColor(it)))
534-Text(text = it, style = ClawTheme.type.caption.copy(fontSize = 12.5.sp, lineHeight = 16.sp), color = ClawTheme.colors.textMuted, maxLines = 1)
534+Text(text = it, style = ClawTheme.type.caption.copy(fontSize = 13.sp, lineHeight = 17.sp), color = ClawTheme.colors.textMuted, maxLines = 1, overflow = TextOverflow.Ellipsis)
535535 }
536536 }
537537Icon(
@@ -566,7 +566,7 @@ private fun RecentSessionList(
566566rows: List<RecentSessionListItem>,
567567onOpen: (String) -> Unit,
568568) {
569-ClawPanel(contentPadding = PaddingValues(horizontal = 8.dp, vertical = 0.dp)) {
569+ClawPanel(contentPadding = PaddingValues(horizontal = 14.dp, vertical = 4.dp)) {
570570Column {
571571 rows.forEachIndexed { index, row ->
572572RecentSessionRowContent(
@@ -576,7 +576,7 @@ private fun RecentSessionList(
576576 onClick = { onOpen(row.key) },
577577 )
578578if (index != rows.lastIndex) {
579-HorizontalDivider(color = ClawTheme.colors.border, thickness = 1.dp)
579+HorizontalDivider(color = ClawTheme.colors.border.copy(alpha = 0.82f), thickness = 1.dp)
580580 }
581581 }
582582 }
@@ -598,7 +598,7 @@ private fun RecentSessionRowContent(
598598 .heightIn(min = 58.dp)
599599 .clip(RoundedCornerShape(ClawTheme.radii.row))
600600 .clickable(onClick = onClick)
601- .padding(horizontal = 2.dp, vertical = 6.dp),
601+ .padding(horizontal = 0.dp, vertical = 7.dp),
602602 verticalAlignment = Alignment.CenterVertically,
603603 horizontalArrangement = Arrangement.spacedBy(8.dp),
604604 ) {
@@ -614,9 +614,9 @@ private fun RecentSessionRowContent(
614614 }
615615Column(modifier = Modifier.weight(1f), verticalArrangement = Arrangement.spacedBy(1.dp)) {
616616Text(text = title, style = ClawTheme.type.body, color = ClawTheme.colors.text, maxLines = 1)
617-Text(text = subtitle, style = ClawTheme.type.caption.copy(fontSize = 12.5.sp, lineHeight = 16.sp), color = ClawTheme.colors.textSubtle, maxLines = 1)
617+Text(text = subtitle, style = ClawTheme.type.caption.copy(fontSize = 13.sp, lineHeight = 17.sp), color = ClawTheme.colors.textSubtle, maxLines = 1)
618618 }
619-Text(text = metadata, style = ClawTheme.type.caption.copy(fontSize = 12.5.sp, lineHeight = 16.sp), color = ClawTheme.colors.textMuted)
619+Text(text = metadata, style = ClawTheme.type.caption.copy(fontSize = 13.sp, lineHeight = 17.sp), color = ClawTheme.colors.textMuted)
620620Icon(
621621 imageVector = Icons.AutoMirrored.Filled.KeyboardArrowRight,
622622 contentDescription = "Open session",
@@ -914,7 +914,7 @@ private fun SettingsGroup(
914914onOpen: (SettingsRoute) -> Unit,
915915onAction: (() -> Unit)? = null,
916916) {
917-ClawPanel(contentPadding = PaddingValues(horizontal = 0.dp, vertical = 0.dp)) {
917+ClawPanel(contentPadding = PaddingValues(horizontal = 12.dp, vertical = 4.dp)) {
918918Column {
919919 rows.forEachIndexed { index, row ->
920920SettingsListRow(
@@ -929,7 +929,7 @@ private fun SettingsGroup(
929929 },
930930 )
931931if (index != rows.lastIndex) {
932-HorizontalDivider(color = ClawTheme.colors.border, thickness = 1.dp)
932+HorizontalDivider(color = ClawTheme.colors.border.copy(alpha = 0.82f), thickness = 1.dp)
933933 }
934934 }
935935 }
@@ -945,17 +945,17 @@ private fun SettingsListRow(
945945 modifier =
946946Modifier
947947 .fillMaxWidth()
948- .heightIn(min = 52.dp)
948+ .heightIn(min = 54.dp)
949949 .clip(RoundedCornerShape(ClawTheme.radii.row))
950950 .clickable(onClick = onClick)
951- .padding(horizontal = 10.dp, vertical = 6.dp),
951+ .padding(horizontal = 0.dp, vertical = 7.dp),
952952 verticalAlignment = Alignment.CenterVertically,
953953 horizontalArrangement = Arrangement.spacedBy(10.dp),
954954 ) {
955-Icon(imageVector = row.icon, contentDescription = null, modifier = Modifier.size(19.dp), tint = ClawTheme.colors.text)
955+Icon(imageVector = row.icon, contentDescription = null, modifier = Modifier.size(20.dp), tint = ClawTheme.colors.text)
956956Text(text = row.title, style = ClawTheme.type.body, color = ClawTheme.colors.text, modifier = Modifier.weight(1f), maxLines = 1)
957957Row(verticalAlignment = Alignment.CenterVertically, horizontalArrangement = Arrangement.spacedBy(5.dp)) {
958-Text(text = row.value, style = ClawTheme.type.caption.copy(fontSize = 12.5.sp, lineHeight = 16.sp), color = ClawTheme.colors.textMuted, maxLines = 1)
958+Text(text = row.value, style = ClawTheme.type.caption.copy(fontSize = 13.sp, lineHeight = 17.sp), color = ClawTheme.colors.textMuted, maxLines = 1, overflow = TextOverflow.Ellipsis)
959959 row.status?.let { active ->
960960Box(modifier = Modifier.size(4.5.dp).clip(CircleShape).background(if (active) ClawTheme.colors.success else ClawTheme.colors.textSubtle))
961961 }
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。