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

View File

@@ -17,11 +17,7 @@ class ShiftDetailsHeader extends StatelessWidget {
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.all(UiConstants.space5),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
spacing: UiConstants.space4,
children: <Widget>[
Row(
child: Row(
crossAxisAlignment: CrossAxisAlignment.center,
spacing: UiConstants.space4,
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,
),
),
],
),
],
),
);
}
}