fix: Improve styling

Signed-off-by: Myzel394 <50424412+Myzel394@users.noreply.github.com>
This commit is contained in:
Myzel394 2024-03-22 20:09:09 +01:00
parent 0461fe9596
commit eb6baac503
No known key found for this signature in database
GPG Key ID: DEC4AAB876F73185
2 changed files with 22 additions and 10 deletions

View File

@ -92,7 +92,7 @@ fun SaveFolderPage(
verticalArrangement = Arrangement.SpaceBetween, verticalArrangement = Arrangement.SpaceBetween,
horizontalAlignment = Alignment.CenterHorizontally, horizontalAlignment = Alignment.CenterHorizontally,
) { ) {
Spacer(modifier = Modifier.weight(1f)) Spacer(modifier = Modifier.height(40.dp))
Column( Column(
modifier = Modifier modifier = Modifier
.padding(horizontal = 32.dp), .padding(horizontal = 32.dp),
@ -113,11 +113,16 @@ fun SaveFolderPage(
Spacer(modifier = Modifier.height(16.dp)) Spacer(modifier = Modifier.height(16.dp))
Text( Text(
stringResource(R.string.ui_welcome_saveFolder_message), stringResource(R.string.ui_welcome_saveFolder_message),
fontStyle = MaterialTheme.typography.bodySmall.fontStyle,
fontSize = MaterialTheme.typography.bodySmall.fontSize,
color = MaterialTheme.typography.bodySmall.color,
) )
} }
Spacer(modifier = Modifier.weight(1f)) Spacer(modifier = Modifier.height(40.dp))
Box( Box(
modifier = Modifier.widthIn(max = 400.dp) modifier = Modifier
.widthIn(max = 400.dp)
.padding(horizontal = 16.dp)
) { ) {
SaveFolderSelection( SaveFolderSelection(
saveFolder = saveFolder, saveFolder = saveFolder,
@ -125,7 +130,7 @@ fun SaveFolderPage(
onSaveFolderChange = { saveFolder = it }, onSaveFolderChange = { saveFolder = it },
) )
} }
Spacer(modifier = Modifier.weight(1f)) Spacer(modifier = Modifier.height(40.dp))
Row( Row(
verticalAlignment = Alignment.CenterVertically, verticalAlignment = Alignment.CenterVertically,
modifier = Modifier modifier = Modifier

View File

@ -44,7 +44,7 @@ fun TimeSettingsPage(
verticalArrangement = Arrangement.SpaceBetween, verticalArrangement = Arrangement.SpaceBetween,
horizontalAlignment = Alignment.CenterHorizontally, horizontalAlignment = Alignment.CenterHorizontally,
) { ) {
Spacer(modifier = Modifier.weight(1f)) Spacer(modifier = Modifier.height(40.dp))
Column( Column(
modifier = Modifier modifier = Modifier
.padding(horizontal = 32.dp), .padding(horizontal = 32.dp),
@ -65,17 +65,24 @@ fun TimeSettingsPage(
Spacer(modifier = Modifier.height(16.dp)) Spacer(modifier = Modifier.height(16.dp))
Text( Text(
stringResource(R.string.ui_welcome_timeSettings_message), stringResource(R.string.ui_welcome_timeSettings_message),
fontStyle = MaterialTheme.typography.bodySmall.fontStyle,
fontSize = MaterialTheme.typography.bodySmall.fontSize,
color = MaterialTheme.typography.bodySmall.color,
) )
} }
Spacer(modifier = Modifier.weight(2f)) Spacer(modifier = Modifier.height(40.dp))
Box( Box(
modifier = Modifier.widthIn(max = 400.dp) modifier = Modifier
.widthIn(max = 400.dp)
.padding(horizontal = 16.dp)
) { ) {
TimeSelector() TimeSelector()
} }
Spacer(modifier = Modifier.weight(1f)) Spacer(modifier = Modifier.height(20.dp))
Box( Box(
modifier = Modifier.widthIn(max = 400.dp) modifier = Modifier
.widthIn(max = 400.dp)
.padding(horizontal = 16.dp)
) { ) {
MessageBox( MessageBox(
type = MessageType.INFO, type = MessageType.INFO,
@ -83,7 +90,7 @@ fun TimeSettingsPage(
density = VisualDensity.DENSE, density = VisualDensity.DENSE,
) )
} }
Spacer(modifier = Modifier.weight(2f)) Spacer(modifier = Modifier.height(40.dp))
Button( Button(
onClick = { onContinue() }, onClick = { onContinue() },
modifier = Modifier modifier = Modifier