add separators and headlines between groups of settings

UrAvgCode · Feb 27, 2025 · 72bce16 · 72bce16
1 parent 955350c
commit 72bce16
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 5 deletions.
diff --git a/app/src/main/java/com/uravgcode/chooser/composables/screens/SettingsScreen.kt b/app/src/main/java/com/uravgcode/chooser/composables/screens/SettingsScreen.kt
@@ -27,6 +27,7 @@ import androidx.compose.foundation.verticalScroll
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.automirrored.filled.ArrowBack
 import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.HorizontalDivider
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
 import androidx.compose.material3.MaterialTheme
@@ -78,9 +79,7 @@ fun SettingsScreen(onNavigateBack: () -> Unit) {
                 title = {
                     Text(
                         text = "Settings",
-                        style = MaterialTheme.typography.titleLarge.copy(
-                            fontSize = 32.sp
-                        )
+                        style = MaterialTheme.typography.titleLarge
                     )
                 },
                 navigationIcon = {
@@ -100,6 +99,12 @@ fun SettingsScreen(onNavigateBack: () -> Unit) {
                 .padding(padding)
                 .padding(16.dp)
         ) {
+            Text(
+                text = "General Settings",
+                style = MaterialTheme.typography.titleMedium,
+                modifier = Modifier.padding(vertical = 8.dp)
+            )
+
             SettingsRowSwitch(
                 title = "Enable Sound",
                 isChecked = isSoundEnabled.value,
@@ -118,6 +123,13 @@ fun SettingsScreen(onNavigateBack: () -> Unit) {
                 }
             )
 
+            HorizontalDivider(modifier = Modifier.padding(vertical = 8.dp))
+            Text(
+                text = "Display Settings",
+                style = MaterialTheme.typography.titleMedium,
+                modifier = Modifier.padding(vertical = 8.dp)
+            )
+
             SettingsRowSwitch(
                 title = "Enable Edge-to-Edge",
                 isChecked = isEdgeToEdgeEnabled.value,
@@ -139,6 +151,13 @@ fun SettingsScreen(onNavigateBack: () -> Unit) {
                 steps = 9
             )
 
+            HorizontalDivider(modifier = Modifier.padding(vertical = 8.dp))
+            Text(
+                text = "Circle Lifetimes",
+                style = MaterialTheme.typography.titleMedium,
+                modifier = Modifier.padding(vertical = 8.dp)
+            )
+
             SettingsRowTimeSlider(
                 title = "Circle Lifetime",
                 value = circleLifetime.longValue,
@@ -171,7 +190,6 @@ fun SettingsScreen(onNavigateBack: () -> Unit) {
                 valueRange = 0L..3000L,
                 steps = 5,
             )
-
         }
     }
-}
+}
diff --git a/app/src/main/java/com/uravgcode/chooser/composables/theme/Type.kt b/app/src/main/java/com/uravgcode/chooser/composables/theme/Type.kt
@@ -13,5 +13,11 @@ val Typography = Typography(
         fontSize = 16.sp,
         lineHeight = 24.sp,
         letterSpacing = 0.5.sp
+    ),
+    titleLarge = TextStyle(
+        fontSize = 32.sp
+    ),
+    titleMedium = TextStyle(
+        fontSize = 24.sp
     )
 )