diff --git a/apps/mobile/packages/features/staff/home/lib/src/presentation/pages/worker_home_page.dart b/apps/mobile/packages/features/staff/home/lib/src/presentation/pages/worker_home_page.dart index d383c75c..1b8f8fb6 100644 --- a/apps/mobile/packages/features/staff/home/lib/src/presentation/pages/worker_home_page.dart +++ b/apps/mobile/packages/features/staff/home/lib/src/presentation/pages/worker_home_page.dart @@ -154,7 +154,7 @@ class WorkerHomePage extends StatelessWidget { ); }, ), - const SizedBox(height: UiConstants.space6), + const SizedBox(height: UiConstants.space3), // Tomorrow's Shifts BlocBuilder( @@ -182,7 +182,7 @@ class WorkerHomePage extends StatelessWidget { ); }, ), - const SizedBox(height: UiConstants.space6), + const SizedBox(height: UiConstants.space3), // Recommended Shifts SectionHeader(title: sectionsI18n.recommended_for_you), diff --git a/apps/mobile/packages/features/staff/home/lib/src/presentation/widgets/home_page/section_header.dart b/apps/mobile/packages/features/staff/home/lib/src/presentation/widgets/home_page/section_header.dart index e38da6e4..c5e7f4fa 100644 --- a/apps/mobile/packages/features/staff/home/lib/src/presentation/widgets/home_page/section_header.dart +++ b/apps/mobile/packages/features/staff/home/lib/src/presentation/widgets/home_page/section_header.dart @@ -1,19 +1,25 @@ import 'package:flutter/material.dart'; - import 'package:design_system/design_system.dart'; /// Section header widget for home page sections, using design system tokens. class SectionHeader extends StatelessWidget { /// Section title final String title; + /// Optional action label final String? action; + /// Optional action callback final VoidCallback? onAction; /// Creates a [SectionHeader]. - const SectionHeader({super.key, required this.title, this.action, this.onAction}); + const SectionHeader({ + super.key, + required this.title, + this.action, + this.onAction, + }); @override Widget build(BuildContext context) { @@ -27,19 +33,13 @@ class SectionHeader extends StatelessWidget { ? Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ - Text( - title, - style: UiTypography.body2m.textPrimary, - ), + Text(title, style: UiTypography.body1b), if (onAction != null) GestureDetector( onTap: onAction, child: Row( children: [ - Text( - action ?? '', - style: UiTypography.body3r.textPrimary, - ), + Text(action ?? '', style: UiTypography.body3r), const Icon( UiIcons.chevronRight, size: UiConstants.space4, @@ -56,23 +56,20 @@ class SectionHeader extends StatelessWidget { ), decoration: BoxDecoration( color: UiColors.primary.withValues(alpha: 0.08), - borderRadius: - BorderRadius.circular(UiConstants.radiusBase), + borderRadius: UiConstants.radiusMd, border: Border.all( - color: UiColors.primary.withValues(alpha: 0.2), + color: UiColors.primary, + width: 0.5, ), ), child: Text( action!, - style: UiTypography.body3r.textPrimary, + style: UiTypography.body3r.primary, ), ), ], ) - : Text( - title, - style: UiTypography.body2m.textPrimary, - ), + : Text(title, style: UiTypography.body1b), ), ], ),