fix: fixed top bar on mobile
This commit is contained in:
@@ -37,13 +37,13 @@ import androidx.core.graphics.toColorInt
|
|||||||
|
|
||||||
@Composable
|
@Composable
|
||||||
fun Page(name: String, innerPadding: PaddingValues, content: @Composable () -> Unit) {
|
fun Page(name: String, innerPadding: PaddingValues, content: @Composable () -> Unit) {
|
||||||
Column(
|
Column() {
|
||||||
modifier = Modifier.padding(innerPadding)
|
TopBar(name, innerPadding)
|
||||||
) {
|
|
||||||
TopBar(name)
|
|
||||||
|
|
||||||
Column(
|
Column(
|
||||||
modifier = Modifier.padding(horizontal = 16.dp)
|
modifier = Modifier
|
||||||
|
.padding(horizontal = 16.dp)
|
||||||
|
.background(MaterialTheme.colorScheme.background)
|
||||||
) {
|
) {
|
||||||
content()
|
content()
|
||||||
}
|
}
|
||||||
@@ -51,12 +51,16 @@ fun Page(name: String, innerPadding: PaddingValues, content: @Composable () -> U
|
|||||||
}
|
}
|
||||||
|
|
||||||
@Composable
|
@Composable
|
||||||
fun TopBar(text: String) {
|
fun TopBar(text: String, innerPadding: PaddingValues) {
|
||||||
Row(
|
Row(
|
||||||
modifier = Modifier.fillMaxWidth().background(MaterialTheme.colorScheme.primaryContainer).padding(horizontal = 12.dp, vertical = 16.dp)
|
modifier = Modifier
|
||||||
|
.fillMaxWidth()
|
||||||
|
.background(MaterialTheme.colorScheme.primaryContainer)
|
||||||
|
.padding(innerPadding)
|
||||||
) {
|
) {
|
||||||
Text(
|
Text(
|
||||||
text,
|
text,
|
||||||
|
modifier = Modifier.padding(vertical = 4.dp, horizontal = 12.dp),
|
||||||
fontSize = 24.sp,
|
fontSize = 24.sp,
|
||||||
color = MaterialTheme.colorScheme.onPrimaryContainer
|
color = MaterialTheme.colorScheme.onPrimaryContainer
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user