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