SergeychWorks/toread
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjusted icon sizes and padding in ReaderScreen for improved UI consistency.

Browse Source
This commit is contained in:
Sergey Chernov 2026-05-27 19:02:58 +03:00
parent 0084c478a3
commit 37abbf884c
2 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -19,3 +19,4 @@ captures
node_modules/ node_modules/
/composeApp/release/ /composeApp/release/
/test_books/ /test_books/
/.junie/

22
composeApp/src/commonMain/kotlin/net/sergeych/toread/ReaderScreen.kt
View File

@ -532,10 +532,10 @@ private fun CompactReaderTopBar(
ThemedTopBarSurface { ThemedTopBarSurface {
Row( Row(
modifier = Modifier.fillMaxWidth().height(48.dp), modifier = Modifier.fillMaxWidth().height(48.dp).padding(horizontal = 4.dp),
verticalAlignment = Alignment.CenterVertically, verticalAlignment = Alignment.CenterVertically,
) { ) {
IconButton(onClick = onBack) { IconButton(onClick = onBack, modifier = Modifier.size(36.dp)) {
Icon(Icons.AutoMirrored.Filled.ArrowBack, contentDescription = strings.backToLibrary) Icon(Icons.AutoMirrored.Filled.ArrowBack, contentDescription = strings.backToLibrary)
} }
Text( Text(
@ -543,21 +543,21 @@ private fun CompactReaderTopBar(
style = MaterialTheme.typography.titleSmall, style = MaterialTheme.typography.titleSmall,
maxLines = 1, maxLines = 1,
overflow = TextOverflow.Ellipsis, overflow = TextOverflow.Ellipsis,
modifier = Modifier.weight(1f), modifier = Modifier.weight(1f).padding(horizontal = 4.dp),
) )
IconButton(onClick = onThemeToggle) {
Icon(Icons.Filled.Palette, contentDescription = strings.readerTheme)
}
IconButton(onClick = onTableOfContents) {
Icon(Icons.AutoMirrored.Filled.FormatListBulleted, contentDescription = strings.tableOfContents)
}
if (showReadAloudAction) { if (showReadAloudAction) {
IconButton(onClick = onReadAloud) { IconButton(onClick = onReadAloud, modifier = Modifier.size(36.dp)) {
Icon(Icons.AutoMirrored.Filled.VolumeUp, contentDescription = strings.readAloud) Icon(Icons.AutoMirrored.Filled.VolumeUp, contentDescription = strings.readAloud)
} }
} }
IconButton(onClick = onThemeToggle, modifier = Modifier.size(36.dp)) {
Icon(Icons.Filled.Palette, contentDescription = strings.readerTheme)
}
IconButton(onClick = onTableOfContents, modifier = Modifier.size(36.dp)) {
Icon(Icons.AutoMirrored.Filled.FormatListBulleted, contentDescription = strings.tableOfContents)
}
Box { Box {
IconButton(onClick = { menuOpen = true }) { IconButton(onClick = { menuOpen = true }, modifier = Modifier.size(36.dp)) {
Icon(Icons.Filled.MoreVert, contentDescription = strings.readerMenu) Icon(Icons.Filled.MoreVert, contentDescription = strings.readerMenu)
} }
DropdownMenu(expanded = menuOpen, onDismissRequest = { menuOpen = false }) { DropdownMenu(expanded = menuOpen, onDismissRequest = { menuOpen = false }) {