mirror of
https://github.com/msfjarvis/compose-lobsters
synced 2025-08-15 13:27:03 +05:30
fix(common): adopt new elevation guidelines
This commit is contained in:
parent
dc584a300d
commit
4fb66975fb
3 changed files with 1 additions and 29 deletions
|
@ -1,20 +0,0 @@
|
||||||
/*
|
|
||||||
* Copyright © 2022-2023 Harsh Shandilya.
|
|
||||||
* Use of this source code is governed by an MIT-style
|
|
||||||
* license that can be found in the LICENSE file or at
|
|
||||||
* https://opensource.org/licenses/MIT.
|
|
||||||
*/
|
|
||||||
package dev.msfjarvis.claw.common.ui
|
|
||||||
|
|
||||||
import androidx.compose.material3.ColorScheme
|
|
||||||
import androidx.compose.material3.LocalAbsoluteTonalElevation
|
|
||||||
import androidx.compose.material3.NavigationBarDefaults
|
|
||||||
import androidx.compose.material3.surfaceColorAtElevation
|
|
||||||
import androidx.compose.runtime.Composable
|
|
||||||
import androidx.compose.ui.graphics.Color
|
|
||||||
|
|
||||||
@Composable
|
|
||||||
fun ColorScheme.surfaceColorAtNavigationBarElevation(): Color {
|
|
||||||
val elevation = LocalAbsoluteTonalElevation.current + NavigationBarDefaults.Elevation
|
|
||||||
return surfaceColorAtElevation(elevation)
|
|
||||||
}
|
|
|
@ -8,10 +8,8 @@ package dev.msfjarvis.claw.common.ui.decorations
|
||||||
|
|
||||||
import androidx.compose.foundation.layout.RowScope
|
import androidx.compose.foundation.layout.RowScope
|
||||||
import androidx.compose.material3.ExperimentalMaterial3Api
|
import androidx.compose.material3.ExperimentalMaterial3Api
|
||||||
import androidx.compose.material3.MaterialTheme
|
|
||||||
import androidx.compose.material3.Text
|
import androidx.compose.material3.Text
|
||||||
import androidx.compose.material3.TopAppBar
|
import androidx.compose.material3.TopAppBar
|
||||||
import androidx.compose.material3.TopAppBarDefaults
|
|
||||||
import androidx.compose.runtime.Composable
|
import androidx.compose.runtime.Composable
|
||||||
import androidx.compose.ui.Modifier
|
import androidx.compose.ui.Modifier
|
||||||
import androidx.compose.ui.draw.shadow
|
import androidx.compose.ui.draw.shadow
|
||||||
|
@ -20,7 +18,6 @@ import androidx.compose.ui.unit.dp
|
||||||
import dev.msfjarvis.claw.common.theme.LobstersTheme
|
import dev.msfjarvis.claw.common.theme.LobstersTheme
|
||||||
import dev.msfjarvis.claw.common.ui.preview.DevicePreviews
|
import dev.msfjarvis.claw.common.ui.preview.DevicePreviews
|
||||||
import dev.msfjarvis.claw.common.ui.preview.ThemePreviews
|
import dev.msfjarvis.claw.common.ui.preview.ThemePreviews
|
||||||
import dev.msfjarvis.claw.common.ui.surfaceColorAtNavigationBarElevation
|
|
||||||
|
|
||||||
@Composable
|
@Composable
|
||||||
@OptIn(ExperimentalMaterial3Api::class)
|
@OptIn(ExperimentalMaterial3Api::class)
|
||||||
|
@ -33,10 +30,6 @@ fun ClawAppBar(
|
||||||
TopAppBar(
|
TopAppBar(
|
||||||
title = title,
|
title = title,
|
||||||
modifier = modifier.shadow(8.dp),
|
modifier = modifier.shadow(8.dp),
|
||||||
colors =
|
|
||||||
TopAppBarDefaults.topAppBarColors(
|
|
||||||
containerColor = MaterialTheme.colorScheme.surfaceColorAtNavigationBarElevation()
|
|
||||||
),
|
|
||||||
navigationIcon = navigationIcon,
|
navigationIcon = navigationIcon,
|
||||||
actions = actions,
|
actions = actions,
|
||||||
)
|
)
|
||||||
|
|
|
@ -19,7 +19,6 @@ import androidx.compose.ui.unit.dp
|
||||||
import dev.msfjarvis.claw.common.theme.LobstersTheme
|
import dev.msfjarvis.claw.common.theme.LobstersTheme
|
||||||
import dev.msfjarvis.claw.common.ui.preview.DevicePreviews
|
import dev.msfjarvis.claw.common.ui.preview.DevicePreviews
|
||||||
import dev.msfjarvis.claw.common.ui.preview.ThemePreviews
|
import dev.msfjarvis.claw.common.ui.preview.ThemePreviews
|
||||||
import dev.msfjarvis.claw.common.ui.surfaceColorAtNavigationBarElevation
|
|
||||||
|
|
||||||
@Composable
|
@Composable
|
||||||
fun MonthHeader(label: String, modifier: Modifier = Modifier) {
|
fun MonthHeader(label: String, modifier: Modifier = Modifier) {
|
||||||
|
@ -27,7 +26,7 @@ fun MonthHeader(label: String, modifier: Modifier = Modifier) {
|
||||||
modifier
|
modifier
|
||||||
.fillMaxWidth()
|
.fillMaxWidth()
|
||||||
.wrapContentHeight()
|
.wrapContentHeight()
|
||||||
.background(MaterialTheme.colorScheme.surfaceColorAtNavigationBarElevation())
|
.background(MaterialTheme.colorScheme.surfaceContainerHighest)
|
||||||
) {
|
) {
|
||||||
Text(
|
Text(
|
||||||
text = label,
|
text = label,
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue