Add a title bar and title font
This commit is contained in:
@@ -22,6 +22,7 @@ import androidx.compose.material3.MaterialTheme.colorScheme
|
|||||||
import androidx.compose.material3.MaterialTheme.typography
|
import androidx.compose.material3.MaterialTheme.typography
|
||||||
import androidx.compose.material3.Scaffold
|
import androidx.compose.material3.Scaffold
|
||||||
import androidx.compose.material3.Text
|
import androidx.compose.material3.Text
|
||||||
|
import androidx.compose.material3.TopAppBar
|
||||||
import androidx.compose.runtime.Composable
|
import androidx.compose.runtime.Composable
|
||||||
import androidx.compose.ui.Alignment
|
import androidx.compose.ui.Alignment
|
||||||
import androidx.compose.ui.Modifier
|
import androidx.compose.ui.Modifier
|
||||||
@@ -31,12 +32,30 @@ import androidx.compose.ui.text.font.FontWeight
|
|||||||
import androidx.compose.ui.unit.dp
|
import androidx.compose.ui.unit.dp
|
||||||
import androidx.compose.ui.unit.sp
|
import androidx.compose.ui.unit.sp
|
||||||
import org.nsh07.pomodoro.R
|
import org.nsh07.pomodoro.R
|
||||||
import org.nsh07.pomodoro.ui.theme.OpenRundeFontFamily.openRundeClock
|
import org.nsh07.pomodoro.ui.theme.AppFonts.interDisplayBlack
|
||||||
|
import org.nsh07.pomodoro.ui.theme.AppFonts.openRundeClock
|
||||||
|
|
||||||
@OptIn(ExperimentalMaterial3Api::class, ExperimentalMaterial3ExpressiveApi::class)
|
@OptIn(ExperimentalMaterial3Api::class, ExperimentalMaterial3ExpressiveApi::class)
|
||||||
@Composable
|
@Composable
|
||||||
fun AppScreen(modifier: Modifier = Modifier) {
|
fun AppScreen(modifier: Modifier = Modifier) {
|
||||||
Scaffold(
|
Scaffold(
|
||||||
|
topBar = {
|
||||||
|
TopAppBar(
|
||||||
|
title = {
|
||||||
|
Text(
|
||||||
|
"Focus",
|
||||||
|
style = TextStyle(
|
||||||
|
fontFamily = interDisplayBlack,
|
||||||
|
fontSize = 32.sp,
|
||||||
|
lineHeight = 32.sp,
|
||||||
|
color = colorScheme.onPrimaryContainer
|
||||||
|
)
|
||||||
|
)
|
||||||
|
},
|
||||||
|
subtitle = {},
|
||||||
|
titleHorizontalAlignment = Alignment.CenterHorizontally
|
||||||
|
)
|
||||||
|
},
|
||||||
modifier = modifier.fillMaxSize()
|
modifier = modifier.fillMaxSize()
|
||||||
) { insets ->
|
) { insets ->
|
||||||
Column(
|
Column(
|
||||||
|
|||||||
@@ -19,8 +19,11 @@ val Typography = Typography(
|
|||||||
)
|
)
|
||||||
)
|
)
|
||||||
|
|
||||||
object OpenRundeFontFamily {
|
object AppFonts {
|
||||||
val openRundeClock = FontFamily(
|
val openRundeClock = FontFamily(
|
||||||
Font(R.font.open_runde_bold_clock_only, FontWeight.Bold)
|
Font(R.font.open_runde_bold_clock_only, FontWeight.Bold)
|
||||||
)
|
)
|
||||||
|
val interDisplayBlack = FontFamily(
|
||||||
|
Font(R.font.inter_display_black, FontWeight.Black)
|
||||||
|
)
|
||||||
}
|
}
|
||||||
BIN
app/src/main/res/font/inter_display_black.otf
Normal file
BIN
app/src/main/res/font/inter_display_black.otf
Normal file
Binary file not shown.
Reference in New Issue
Block a user