fix(settings): align mobile option typography

This commit is contained in:
edde746
2026-07-13 22:14:27 +02:00
parent 7400a10c59
commit d6ad6a9506
4 changed files with 102 additions and 20 deletions
+12 -1
View File
@@ -1,8 +1,19 @@
import 'package:flutter/material.dart';
import '../theme/mono_tokens.dart';
import '../utils/platform_detector.dart';
import 'app_icon.dart';
import 'expressive_button_group.dart';
/// Standard settings-option title style.
///
/// Mobile matches Flutter's dense ListTile title size so custom controls and
/// ordinary settings rows keep the same hierarchy. Desktop and TV retain the
/// larger body style used for D-pad readability.
TextStyle? settingsOptionTitleStyle(BuildContext context) {
final style = Theme.of(context).textTheme.bodyLarge;
return PlatformDetector.isMobile(context) ? style?.copyWith(fontSize: 13) : style;
}
class SettingsSectionHeader extends StatelessWidget {
final String title;
@@ -109,7 +120,7 @@ class SegmentedSetting<T> extends StatelessWidget {
children: [
AppIcon(icon, fill: 1),
const SizedBox(width: 16),
Text(title, style: Theme.of(context).textTheme.bodyLarge),
Text(title, style: settingsOptionTitleStyle(context)),
],
),
const SizedBox(height: 12),