let5see/clawdbot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(android): use tonal surfaces for overlays

Browse Source
This commit is contained in:
Peter Steinberger
2025-12-18 00:34:11 +01:00
parent 5693d7d733
commit 579da8cc9b
2 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/android/app/src/main/java/com/steipete/clawdis/node/ui/RootScreen.kt
View File

@@ -19,6 +19,8 @@ import androidx.compose.foundation.layout.windowInsetsPadding
import androidx.compose.material3.ExperimentalMaterial3Api import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.FilledTonalIconButton import androidx.compose.material3.FilledTonalIconButton
import androidx.compose.material3.Icon import androidx.compose.material3.Icon
import androidx.compose.material3.IconButtonDefaults
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.ModalBottomSheet import androidx.compose.material3.ModalBottomSheet
import androidx.compose.material3.rememberModalBottomSheetState import androidx.compose.material3.rememberModalBottomSheetState
import androidx.compose.material.icons.Icons import androidx.compose.material.icons.Icons
@@ -125,6 +127,11 @@ private fun OverlayIconButton(
FilledTonalIconButton( FilledTonalIconButton(
onClick = onClick, onClick = onClick,
modifier = Modifier.size(44.dp), modifier = Modifier.size(44.dp),
colors =
IconButtonDefaults.filledTonalIconButtonColors(
containerColor = MaterialTheme.colorScheme.surfaceContainerHigh,
contentColor = MaterialTheme.colorScheme.onSurface,
),
) { ) {
icon() icon()
} }

7
apps/android/app/src/main/java/com/steipete/clawdis/node/ui/StatusPill.kt
View File

@@ -1,6 +1,5 @@
package com.steipete.clawdis.node.ui package com.steipete.clawdis.node.ui
import androidx.compose.foundation.BorderStroke
import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Row import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer import androidx.compose.foundation.layout.Spacer
@@ -36,9 +35,9 @@ fun StatusPill(
onClick = onClick, onClick = onClick,
modifier = modifier, modifier = modifier,
shape = RoundedCornerShape(14.dp), shape = RoundedCornerShape(14.dp),
color = MaterialTheme.colorScheme.surfaceContainer.copy(alpha = 0.92f), color = MaterialTheme.colorScheme.surfaceContainerHigh,
shadowElevation = 3.dp, tonalElevation = 3.dp,
border = BorderStroke(0.5.dp, Color.White.copy(alpha = 0.10f)), shadowElevation = 0.dp,
) { ) {
Row( Row(
modifier = Modifier.padding(horizontal = 12.dp, vertical = 8.dp), modifier = Modifier.padding(horizontal = 12.dp, vertical = 8.dp),