From 33c464f1ed5a81c1700150655aeb9da0be74893b Mon Sep 17 00:00:00 2001 From: Antoine Jaury Date: Wed, 8 Jul 2026 15:15:19 +0200 Subject: [PATCH] enhance: add shadow to TopBars --- .../kotlin/bzh/ajaury/chombev/player/ui/PlayerScreen.kt | 2 ++ .../kotlin/bzh/ajaury/chombev/navigation/MainTopBar.kt | 5 ++++- 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/feature/records/src/commonMain/kotlin/bzh/ajaury/chombev/player/ui/PlayerScreen.kt b/feature/records/src/commonMain/kotlin/bzh/ajaury/chombev/player/ui/PlayerScreen.kt index 0fccda6..b8d6091 100644 --- a/feature/records/src/commonMain/kotlin/bzh/ajaury/chombev/player/ui/PlayerScreen.kt +++ b/feature/records/src/commonMain/kotlin/bzh/ajaury/chombev/player/ui/PlayerScreen.kt @@ -24,6 +24,7 @@ import androidx.compose.runtime.remember import androidx.compose.runtime.setValue import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier +import androidx.compose.ui.draw.shadow import androidx.compose.ui.text.style.TextOverflow import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.unit.dp @@ -104,6 +105,7 @@ fun PlayerScreen( Scaffold( topBar = { TopAppBar( + modifier = Modifier.shadow(elevation = 2.dp), title = { Row( verticalAlignment = Alignment.CenterVertically, diff --git a/shared/src/commonMain/kotlin/bzh/ajaury/chombev/navigation/MainTopBar.kt b/shared/src/commonMain/kotlin/bzh/ajaury/chombev/navigation/MainTopBar.kt index 9329775..617aea1 100644 --- a/shared/src/commonMain/kotlin/bzh/ajaury/chombev/navigation/MainTopBar.kt +++ b/shared/src/commonMain/kotlin/bzh/ajaury/chombev/navigation/MainTopBar.kt @@ -10,6 +10,7 @@ import androidx.compose.material3.TopAppBar import androidx.compose.runtime.Composable import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier +import androidx.compose.ui.draw.shadow import androidx.compose.ui.unit.dp import bzh.ajaury.chombev.resources.generated.resources.Res import bzh.ajaury.chombev.resources.generated.resources.app_icon @@ -22,6 +23,8 @@ import org.jetbrains.compose.resources.stringResource @Composable fun MainTopBar() { TopAppBar( + // A subtle drop shadow to lift the bar above the content scrolling beneath it. + modifier = Modifier.shadow(elevation = 2.dp), title = { Row( verticalAlignment = Alignment.CenterVertically, @@ -30,7 +33,7 @@ fun MainTopBar() { Image( painter = painterResource(Res.drawable.app_icon), contentDescription = null, - modifier = Modifier.size(32.dp), + modifier = Modifier.size(24.dp), ) Text(text = stringResource(Res.string.app_name)) }