feat: Update OrderDetailsHeader and ShiftDetailsHeader layout for improved UI consistency
This commit is contained in:
@@ -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,
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
|
|||||||
@@ -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,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user