(fix/big_card) : Big loyalty card render problem (#88)

XPEHO · Jul 28, 2020 · 0daf0aa · 0daf0aa
1 parent 86bcb3f
commit 0daf0aa
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 12 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -54,6 +54,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Loyalty Cards Page : Changed floating button icon
 - Widget_item : Product designation overflow
 - Share_one and Mainpage : Wishlist share process indicator visible on short process
+- Card_page : Big loyalty card render problem
 
 ### Security
 

diff --git a/lib/pages/card_page.dart b/lib/pages/card_page.dart
@@ -40,8 +40,9 @@ class CardsState extends State<Cards> {
                         bottomLeft: Radius.circular(22),
                         bottomRight: Radius.circular(22))),
               ),
-              Padding(
-                padding: const EdgeInsets.only(top: 70.0, left: 32),
+              Positioned(
+                top: MediaQuery.of(context).size.width * 0.2,
+                left: MediaQuery.of(context).size.width * 0.1,
                 child: Container(
                   height: MediaQuery.of(context).size.height * 0.6,
                   width: MediaQuery.of(context).size.width * 0.5,
@@ -51,15 +52,13 @@ class CardsState extends State<Cards> {
                 ),
               ),
               Positioned(
-                top: MediaQuery.of(context).size.width * 0.6,
+                top: MediaQuery.of(context).size.width * 0.55,
                 child: Container(
-                  height: MediaQuery.of(context).size.height * 0.1,
+                  height: MediaQuery.of(context).size.height * 0.2,
                   width: MediaQuery.of(context).size.width * 0.8,
                   child: Transform(
                     child: BarcodeWidget(
                       style: TextStyle(fontSize: 20),
-                      height: 100,
-                      width: 350,
                       barcode: Barcode.ean13(),
                       data: args.cards["barecode"],
                     ),
@@ -70,11 +69,11 @@ class CardsState extends State<Cards> {
                 ),
               ),
               Positioned(
-                top: MediaQuery.of(context).size.width * 0.7,
-                right: MediaQuery.of(context).size.width * 0.3,
+                right: MediaQuery.of(context).size.width * 0.23,
                 child: Transform(
                   child: Container(
-                    width: MediaQuery.of(context).size.width * 0.4,
+                    width: MediaQuery.of(context).size.width * 0.6,
+                    height: MediaQuery.of(context).size.height * 0.85,
                     alignment: Alignment.center,
                     child: Text(
                       args.cards["label"],
@@ -86,8 +85,9 @@ class CardsState extends State<Cards> {
                     ..rotateZ(91 * 3.1415927 / 180),
                 ),
               ),
-              Padding(
-                padding: const EdgeInsets.only(left: 240, top: 10),
+              Positioned(
+                top: MediaQuery.of(context).size.width * 0.05,
+                left: MediaQuery.of(context).size.width * 0.6,
                 child: Container(
                   height: 25,
                   width: 25,

diff --git a/lib/widgets/widget_loyaltyCards.dart b/lib/widgets/widget_loyaltyCards.dart
@@ -91,7 +91,7 @@ class LoyaltyCardsWidgetState extends State<LoyaltyCardsWidget> {
                         width: 180,
                         child: TextField(
                           inputFormatters: [
-                            LengthLimitingTextInputFormatter(10),
+                            LengthLimitingTextInputFormatter(25),
                           ],
                           textAlign: TextAlign.center,
                           style: TextStyle(fontSize: 18),