Merge branch 'design_update' into 'development'

delivery information design update

See merge request Cloud_Solution/driver-app!65

lib/widgets/delivery/customer_brief_card.dart

@@ -1,3 +1,4 @@
+import 'package:driverapp/widgets/data_display/circle-container.dart';
 import 'package:flutter/material.dart';
 
 import '../../uitl/date_uitl.dart';
@@ -16,25 +17,27 @@ class CustomerBriefCard extends StatelessWidget {
   final double latitude;
   final bool showDistance;
 
-  CustomerBriefCard(
-      {this.itemId,
-      this.time,
-      this.customerFirstName,
-      this.customerLastName,
-      this.mobileNo,
-      this.direction,
-      this.totalPayment,
-      this.deliveryTime,
-      this.longitude,
-      this.latitude,
-      this.showDistance = true,
-      });
+  CustomerBriefCard({
+    this.itemId,
+    this.time,
+    this.customerFirstName,
+    this.customerLastName,
+    this.mobileNo,
+    this.direction,
+    this.totalPayment,
+    this.deliveryTime,
+    this.longitude,
+    this.latitude,
+    this.showDistance = true,
+  });
 
   @override
   Widget build(BuildContext context) {
     return Center(
       child: Container(
-        width: 350,
+        width: MediaQuery.of(context).orientation == Orientation.landscape
+            ? 580
+            : 370,
         height: 270,
         decoration: BoxDecoration(
           color: Colors.white,
@@ -66,43 +69,39 @@ class CustomerBriefCard extends StatelessWidget {
                       style: TextStyle(color: Color(0xFFADACAD)),
                     ),
                   ),
-                  Visibility(
-                    visible: showDistance,
-                    child: Expanded(
-                      child: CircleAvatar(
-                        backgroundColor: Colors.black45,
-                        radius: 28.0,
-                        child: CircleAvatar(
-                          backgroundColor: Colors.white,
-                          maxRadius: 26.1,
-                          child: Padding(
-                            padding: const EdgeInsets.only(left: 3),
-                            child: Text(
-                              '3 K.m \n away',
-                              style: TextStyle(
-                                  color: Color(0xff30B7B9),
-                                  fontSize: 12.5,
-                                  fontWeight: FontWeight.w600),
-                            ),
-                          ),
+                  Expanded(
+                    child: Padding(
+                      padding: EdgeInsets.all(8.0),
+                      child: CircleContainer(
+                        borderWidth: 0.9,
+                        child: Text(
+                          '0 K.m\naway',
+                          style: TextStyle(
+                              color: Color(0xff42B6AD),
+                              fontWeight: FontWeight.w800,
+                              fontStyle: FontStyle.normal),
                         ),
                       ),
                     ),
                   ),
                 ],
               ),
-              SizedBox(height: MediaQuery.of(context).size.width * 0.02,),
+              SizedBox(
+                height: MediaQuery.of(context).size.width * 0.02,
+              ),
               Text(
                 '${customerFirstName} ${customerLastName}',
                 style: TextStyle(fontSize: 20, fontWeight: FontWeight.w900),
               ),
-              SizedBox(height: MediaQuery.of(context).size.width * 0.019,),
+              SizedBox(
+                height: MediaQuery.of(context).size.width * 0.019,
+              ),
               Text(
                 mobileNo,
                 style: TextStyle(color: Color(0xFF50BDC5)),
               ),
               SizedBox(
-                height:MediaQuery.of(context).size.width*0.005,
+                height: MediaQuery.of(context).size.width * 0.005,
               ),
 //              Text(
 //                'Olaya street, behind KFC resturant, next to kingdom towers 2nd floor ofice 277',
@@ -149,7 +148,7 @@ class CustomerBriefCard extends StatelessWidget {
                     ],
                   ),
                   SizedBox(
-                    height: MediaQuery.of(context).size.width*0.03,
+                    height: MediaQuery.of(context).size.width * 0.03,
                   ),
                   Row(
                     children: <Widget>[