feat: Update OrderDetailsHeader and ShiftDetailsHeader layout for improved UI consistency

This commit is contained in:
Achintha Isuru
2026-03-19 15:14:13 -04:00
parent 2a99587d2f
commit faf27b03f2
2 changed files with 31 additions and 54 deletions

View File

@@ -58,7 +58,7 @@ class OrderDetailsHeader extends StatelessWidget {
), ),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
spacing: UiConstants.space4, spacing: UiConstants.space6,
children: <Widget>[ children: <Widget>[
Row( Row(
crossAxisAlignment: CrossAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center,
@@ -68,7 +68,7 @@ class OrderDetailsHeader extends StatelessWidget {
width: _kIconContainerSize, width: _kIconContainerSize,
height: _kIconContainerSize, height: _kIconContainerSize,
decoration: BoxDecoration( decoration: BoxDecoration(
color: UiColors.tagInProgress, color: UiColors.primary.withAlpha(20),
borderRadius: UiConstants.radiusLg, borderRadius: UiConstants.radiusLg,
border: Border.all(color: UiColors.primary, width: 0.5), border: Border.all(color: UiColors.primary, width: 0.5),
), ),
@@ -86,12 +86,11 @@ class OrderDetailsHeader extends StatelessWidget {
children: <Widget>[ children: <Widget>[
Text( Text(
order.roleName, order.roleName,
style: UiTypography.body1m.textPrimary, style: UiTypography.headline1b.textPrimary,
), ),
if (order.clientName.isNotEmpty)
Text( Text(
order.clientName, order.clientName,
style: UiTypography.body3r.textSecondary, style: UiTypography.body1m.textSecondary,
), ),
], ],
), ),

View File

@@ -17,11 +17,7 @@ class ShiftDetailsHeader extends StatelessWidget {
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Padding( return Padding(
padding: const EdgeInsets.all(UiConstants.space5), padding: const EdgeInsets.all(UiConstants.space5),
child: Column( child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
spacing: UiConstants.space4,
children: <Widget>[
Row(
crossAxisAlignment: CrossAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center,
spacing: UiConstants.space4, spacing: UiConstants.space4,
children: <Widget>[ children: <Widget>[
@@ -52,24 +48,6 @@ class ShiftDetailsHeader extends StatelessWidget {
), ),
], ],
), ),
Row(
spacing: UiConstants.space1,
children: <Widget>[
const Icon(
UiIcons.mapPin,
size: 16,
color: UiColors.textSecondary,
),
Expanded(
child: Text(
detail.address ?? detail.location,
style: UiTypography.body2r.textSecondary,
),
),
],
),
],
),
); );
} }
} }