refactor: Enhance DailyOpsReportPage layout and improve UI consistency

This commit is contained in:
Achintha Isuru
2026-03-04 12:59:56 -05:00
parent 4a5c2be489
commit b20039ae84

View File

@@ -49,7 +49,7 @@ class _DailyOpsReportPageState extends State<DailyOpsReportPage> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return BlocProvider( return BlocProvider<DailyOpsBloc>(
create: (BuildContext context) => Modular.get<DailyOpsBloc>() create: (BuildContext context) => Modular.get<DailyOpsBloc>()
..add(LoadDailyOpsReport(date: _selectedDate)), ..add(LoadDailyOpsReport(date: _selectedDate)),
child: Scaffold( child: Scaffold(
@@ -243,6 +243,7 @@ class _DailyOpsReportPageState extends State<DailyOpsReportPage> {
crossAxisCount: 2, crossAxisCount: 2,
shrinkWrap: true, shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(), physics: const NeverScrollableScrollPhysics(),
padding: EdgeInsets.zero,
mainAxisSpacing: 12, mainAxisSpacing: 12,
crossAxisSpacing: 12, crossAxisSpacing: 12,
childAspectRatio: 1.2, childAspectRatio: 1.2,
@@ -316,7 +317,7 @@ class _DailyOpsReportPageState extends State<DailyOpsReportPage> {
], ],
), ),
const SizedBox(height: 8), const SizedBox(height: UiConstants.space8),
Text( Text(
context.t.client_reports.daily_ops_report context.t.client_reports.daily_ops_report
.all_shifts_title .all_shifts_title
@@ -396,14 +397,8 @@ class _OpsStatCard extends StatelessWidget {
padding: const EdgeInsets.all(16), padding: const EdgeInsets.all(16),
decoration: BoxDecoration( decoration: BoxDecoration(
color: UiColors.white, color: UiColors.white,
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(UiConstants.radiusBase),
boxShadow: <BoxShadow>[ border: Border.all(color: UiColors.border, width: 0.5),
BoxShadow(
color: UiColors.black.withOpacity(0.06),
blurRadius: 4,
offset: const Offset(0, 2),
),
],
), ),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
@@ -438,7 +433,8 @@ class _OpsStatCard extends StatelessWidget {
color: UiColors.textPrimary, color: UiColors.textPrimary,
), ),
), ),
const SizedBox(height: 6),
UiChip(label: subValue),
// Colored pill badge (matches prototype) // Colored pill badge (matches prototype)
Container( Container(
padding: const EdgeInsets.symmetric( padding: const EdgeInsets.symmetric(