style(ui): 统一页面字号间距与状态样式

This commit is contained in:
Zhou Weidong committed 2026-10-19 10:21:28 +08:00
1 parent df5fbe5b08
commit c5bfd006fa
23 files changed
+542 -569

No files matched your search

+22 -16
View File
@@ -11,6 +11,7 @@ import '../../core/data/services/auth_controller.dart';
import '../../core/formatting/error_text.dart';
import '../../core/formatting/localized_date_time.dart';
import '../../core/theme/app_colors.dart';
import '../../core/theme/app_dimens.dart';
import '../../core/theme/app_theme.dart';
import '../../core/widgets/auth_gate.dart';
import '../../core/widgets/empty_state.dart';
@@ -58,12 +59,15 @@ class _AccountDevicesPageState extends State<AccountDevicesPage> {
foregroundColor: AppColors.onPrimary,
title: Text(l10n.accountDevices),
),
body: signedIn
? ListenableBuilder(
listenable: _logic,
builder: (context, _) => _body(l10n),
)
: const AuthGatePanel(),
body: SafeArea(
top: false,
child: signedIn
? ListenableBuilder(
listenable: _logic,
builder: (context, _) => _body(l10n),
)
: const AuthGatePanel(),
),
),
);
}
@@ -109,10 +113,10 @@ class _DeviceTile extends StatelessWidget {
Widget build(BuildContext context) {
return Container(
key: ValueKey('account-device-${device.id}'),
padding: const EdgeInsets.all(14),
padding: const EdgeInsets.all(AppDimens.cardPadding),
decoration: BoxDecoration(
color: AppColors.card,
borderRadius: BorderRadius.circular(14),
borderRadius: BorderRadius.circular(AppDimens.cardRadius),
border: Border.all(color: AppColors.outlineVariantDark),
),
child: Column(
@@ -131,7 +135,7 @@ class _DeviceTile extends StatelessWidget {
? device.platform
: device.deviceModel,
style: const TextStyle(
fontSize: 15,
fontSize: AppDimens.listTitle,
fontWeight: FontWeight.w700,
),
),
@@ -164,14 +168,17 @@ class _DeviceTile extends StatelessWidget {
Expanded(
child: Text(
label,
style: const TextStyle(color: AppColors.muted, fontSize: 12),
style: const TextStyle(
color: AppColors.muted,
fontSize: AppDimens.caption,
),
),
),
Flexible(
child: Text(
value.isEmpty ? '-' : value,
textAlign: TextAlign.right,
style: const TextStyle(fontSize: 12),
style: const TextStyle(fontSize: AppDimens.caption),
),
),
],
@@ -188,20 +195,19 @@ class _StatusChip extends StatelessWidget {
@override
Widget build(BuildContext context) {
final active = status.toLowerCase() == 'active';
final scheme = Theme.of(context).colorScheme;
return Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
decoration: BoxDecoration(
color: active
? scheme.tertiary.withValues(alpha: 0.16)
? AppColors.gold.withValues(alpha: 0.16)
: AppColors.raised,
borderRadius: BorderRadius.circular(10),
borderRadius: BorderRadius.circular(AppDimens.pillRadius),
),
child: Text(
active ? l10n.accountDeviceActive : l10n.accountDeviceInactive,
style: TextStyle(
color: active ? scheme.tertiary : AppColors.muted,
fontSize: 11,
color: active ? AppColors.gold : AppColors.muted,
fontSize: AppDimens.caption,
),
),
);