fixed ui bugs in settings

Author: JoeSteven

common/src/androidMain/kotlin/com/dimension/maskbook/common/ui/widget/BackMetaDisplay.kt

@@ -34,6 +34,7 @@ import androidx.compose.runtime.CompositionLocalProvider
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
 import com.dimension.maskbook.localization.R
 import com.dimension.maskbook.setting.export.model.BackupMeta
@@ -78,10 +79,10 @@ fun MetaItem(
     Row(
         verticalAlignment = Alignment.CenterVertically,
     ) {
-        Text(text = title)
+        Text(text = title, style = MaterialTheme.typography.h5.copy(fontWeight = FontWeight.W500))
         Spacer(modifier = Modifier.weight(1f))
         CompositionLocalProvider(
-            LocalTextStyle provides MaterialTheme.typography.button
+            LocalTextStyle provides MaterialTheme.typography.h5
         ) {
             Text(text = value)
         }

common/src/androidMain/kotlin/com/dimension/maskbook/common/ui/widget/EmailModal.kt

@@ -70,7 +70,7 @@ fun EmailInputModal(
                 maxLines = 1,
                 keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Email),
             )
-            if (!emailValid) {
+            if (!emailValid && email.isNotEmpty()) {
                 Spacer(modifier = Modifier.height(8.dp))
                 Text(text = stringResource(R.string.scene_restore_tip_invalid_email_address), color = Color.Red)
             }

common/src/androidMain/kotlin/com/dimension/maskbook/common/ui/widget/button/MaskTransparentButton.kt

@@ -28,6 +28,7 @@ import androidx.compose.foundation.layout.RowScope
 import androidx.compose.foundation.layout.padding
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.semantics.Role
 
@@ -36,6 +37,7 @@ fun MaskTransparentButton(
     onClick: () -> Unit,
     modifier: Modifier = Modifier,
     enabled: Boolean = true,
+    verticalAlignment: Alignment.Vertical = Alignment.Top,
     contentPadding: PaddingValues = MaskButtonDefaults.defaultPaddingValues,
     content: @Composable RowScope.() -> Unit
 ) {
@@ -49,7 +51,8 @@ fun MaskTransparentButton(
                 onClick = { clickFlow.tryEmit(onClick) },
                 role = Role.Button
             )
-            .padding(contentPadding)
+            .padding(contentPadding),
+        verticalAlignment = verticalAlignment
     ) {
         content()
     }

setting/src/androidMain/kotlin/com/dimension/maskbook/setting/ui/scenes/PhoneModal.kt

@@ -77,7 +77,7 @@ fun PhoneInputModal(
                     keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Phone),
                 )
             }
-            if (!phoneValid) {
+            if (!phoneValid && phone.isNotEmpty()) {
                 Spacer(modifier = Modifier.height(8.dp))
                 Text(text = stringResource(R.string.scene_restore_tip_invalid_mobile_number), color = Color.Red)
             }

setting/src/androidMain/kotlin/com/dimension/maskbook/setting/ui/scenes/backup/BackupLocalScene.kt

@@ -33,6 +33,7 @@ import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.rememberScrollState
 import androidx.compose.foundation.verticalScroll
 import androidx.compose.material.Checkbox
+import androidx.compose.material.CheckboxDefaults
 import androidx.compose.material.CircularProgressIndicator
 import androidx.compose.material.Text
 import androidx.compose.runtime.Composable
@@ -42,6 +43,7 @@ import androidx.compose.runtime.getValue
 import androidx.compose.runtime.snapshotFlow
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.input.ImeAction
 import androidx.compose.ui.unit.dp
@@ -175,10 +177,16 @@ fun BackupLocalScene(
                             onClick = {
                                 viewModel.setWithWallet(!withWallet)
                             },
+                            verticalAlignment = Alignment.CenterVertically
                         ) {
-                            Checkbox(checked = withWallet, onCheckedChange = {
-                                viewModel.setWithWallet(it)
-                            })
+                            Checkbox(
+                                checked = withWallet, onCheckedChange = {
+                                    viewModel.setWithWallet(it)
+                                },
+                                colors = CheckboxDefaults.colors(
+                                    checkedColor = Color(0xFF1FB885)
+                                )
+                            )
                             Spacer(modifier = Modifier.width(10.dp))
                             MetaItem(
                                 title = stringResource(R.string.scene_setting_local_backup_local_wallet),