fix(settings): match services-page compact row style on desktop

This commit is contained in:
edde746
2026-07-20 10:49:44 +02:00
parent 5fb167898e
commit d98e85614a
4 changed files with 39 additions and 30 deletions
+12 -19
View File
@@ -5,7 +5,6 @@ import 'package:material_symbols_icons/symbols.dart';
import '../screens/settings/settings_utils.dart';
import '../services/settings_service.dart';
import '../utils/platform_detector.dart';
import 'app_icon.dart';
import 'focusable_list_tile.dart';
import 'settings_section.dart';
@@ -41,7 +40,6 @@ class SettingSwitchTile extends StatelessWidget {
@override
Widget build(BuildContext context) {
final isMobile = PlatformDetector.isMobile(context);
final svc = _TileBase._svc;
return ValueListenableBuilder<bool>(
valueListenable: svc.listenable(pref),
@@ -51,8 +49,8 @@ class SettingSwitchTile extends StatelessWidget {
title: Text(title, style: settingsOptionTitleStyle(context)),
subtitle: subtitle != null ? Text(subtitle!) : null,
value: value,
dense: isMobile,
visualDensity: isMobile ? const VisualDensity(vertical: -3) : VisualDensity.standard,
dense: settingsRowDense(),
visualDensity: settingsRowVisualDensity(),
onChanged: enabled
? (v) async {
await svc.write(pref, v);
@@ -88,7 +86,6 @@ class SettingNavigationTile extends StatelessWidget {
@override
Widget build(BuildContext context) {
final isMobile = PlatformDetector.isMobile(context);
return FocusableListTile(
focusNode: focusNode,
leading: AppIcon(icon, fill: 1),
@@ -96,8 +93,8 @@ class SettingNavigationTile extends StatelessWidget {
subtitle: subtitle != null ? Text(subtitle!) : null,
trailing: AppIcon(trailingIcon, fill: 1),
onTap: onTap ?? () => Navigator.push(context, MaterialPageRoute(builder: destinationBuilder!)),
dense: isMobile,
visualDensity: isMobile ? const VisualDensity(vertical: -3) : VisualDensity.standard,
dense: settingsRowDense(),
visualDensity: settingsRowVisualDensity(),
);
}
}
@@ -129,7 +126,6 @@ class SettingNumberTile extends StatelessWidget {
@override
Widget build(BuildContext context) {
final isMobile = PlatformDetector.isMobile(context);
final svc = _TileBase._svc;
return ValueListenableBuilder<int>(
valueListenable: svc.listenable(pref),
@@ -138,8 +134,8 @@ class SettingNumberTile extends StatelessWidget {
title: Text(title, style: settingsOptionTitleStyle(context)),
subtitle: Text(subtitleBuilder(value)),
trailing: const AppIcon(Symbols.chevron_right_rounded, fill: 1),
dense: isMobile,
visualDensity: isMobile ? const VisualDensity(vertical: -3) : VisualDensity.standard,
dense: settingsRowDense(),
visualDensity: settingsRowVisualDensity(),
onTap: () => showNumericInputDialog(
context: context,
title: title,
@@ -186,7 +182,6 @@ class SettingSelectionTile<T, S> extends StatelessWidget {
@override
Widget build(BuildContext context) {
final isMobile = PlatformDetector.isMobile(context);
final svc = _TileBase._svc;
return ValueListenableBuilder<S>(
valueListenable: svc.listenable(pref),
@@ -197,8 +192,8 @@ class SettingSelectionTile<T, S> extends StatelessWidget {
title: Text(title, style: settingsOptionTitleStyle(context)),
subtitle: Text(subtitleBuilder(value)),
trailing: const AppIcon(Symbols.chevron_right_rounded, fill: 1),
dense: isMobile,
visualDensity: isMobile ? const VisualDensity(vertical: -3) : VisualDensity.standard,
dense: settingsRowDense(),
visualDensity: settingsRowVisualDensity(),
onTap: () async {
final picked = await showSelectionDialog<T>(
context: context,
@@ -238,7 +233,6 @@ class SettingRegexTile extends StatelessWidget {
@override
Widget build(BuildContext context) {
final isMobile = PlatformDetector.isMobile(context);
final svc = _TileBase._svc;
return ValueListenableBuilder<String>(
valueListenable: svc.listenable(pref),
@@ -247,8 +241,8 @@ class SettingRegexTile extends StatelessWidget {
title: Text(title, style: settingsOptionTitleStyle(context)),
subtitle: Text(subtitle),
trailing: const AppIcon(Symbols.chevron_right_rounded, fill: 1),
dense: isMobile,
visualDensity: isMobile ? const VisualDensity(vertical: -3) : VisualDensity.standard,
dense: settingsRowDense(),
visualDensity: settingsRowVisualDensity(),
onTap: () => showRegexInputDialog(
context: context,
title: title,
@@ -331,7 +325,6 @@ class SettingColorTile extends StatelessWidget {
@override
Widget build(BuildContext context) {
final isMobile = PlatformDetector.isMobile(context);
final svc = _TileBase._svc;
return ValueListenableBuilder<String>(
valueListenable: svc.listenable(pref),
@@ -348,8 +341,8 @@ class SettingColorTile extends StatelessWidget {
border: Border.all(color: Theme.of(context).colorScheme.outlineVariant),
),
),
dense: isMobile,
visualDensity: isMobile ? const VisualDensity(vertical: -3) : VisualDensity.standard,
dense: settingsRowDense(),
visualDensity: settingsRowVisualDensity(),
onTap: () => showColorInputDialog(
context: context,
title: title,