UI Improved

jinosh05 · May 31, 2022 · 29eb702 · 29eb702
1 parent 773ff83
commit 29eb702
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 44 deletions.
diff --git a/lib/presentations/landing_page/landing_desktop.dart b/lib/presentations/landing_page/landing_desktop.dart
@@ -106,8 +106,10 @@ class _LandingDesktopState extends State<LandingDesktop> {
         ),
         GradiantButton(
           text: AppBase.addToCart,
+          height: SizeConfig.height_3_5,
           onPressed: () {
             debugPrint('Pressed Add to Cart');
+            print('Desktop View');
           },
         )
       ],
@@ -123,7 +125,7 @@ class _LandingDesktopState extends State<LandingDesktop> {
         for (var i = 0; i < AppBase.headings.length; i++)
           InkWell(
             onTap: () {
-              debugPrint('Tapped');
+              debugPrint('Tapped Desktop');
             },
             onHover: (bool value) {
               setState(() {

diff --git a/lib/presentations/landing_page/landing_mobile.dart b/lib/presentations/landing_page/landing_mobile.dart
@@ -22,7 +22,6 @@ class LandingMobile extends StatelessWidget {
             child: Stack(
               children: [
                 Positioned(
-                  right: SizeConfig.width_30,
                   top: SizeConfig.height_3,
                   child: BlurCircleWidget(
                     size: SizeConfig.imgSize_15 + SizeConfig.imgSize_2_5,
@@ -99,6 +98,7 @@ class LandingMobile extends StatelessWidget {
           fSize: SizeConfig.fs_2,
           onPressed: () {
             debugPrint('Pressed Add to Cart');
+            print('Mobile View');
           },
         )
       ],

diff --git a/lib/presentations/landing_page/landing_tablet.dart b/lib/presentations/landing_page/landing_tablet.dart
@@ -29,38 +29,40 @@ class _LandingTabletState extends State<LandingTablet> {
           SizedBox(
             height: SizeConfig.height_2,
           ),
-          Expanded(
-              child: Stack(
-            children: [
-              Positioned(
-                right: SizeConfig.width_35,
-                top: SizeConfig.height_3,
-                child: BlurCircleWidget(
-                  size: SizeConfig.imgSize_25 + SizeConfig.imgSize_2_5,
+          Container(
+            height: SizeConfig.height_40,
+            child: Stack(
+              alignment: Alignment.center,
+              children: [
+                Positioned(
+                  top: SizeConfig.height_1,
+                  child: BlurCircleWidget(
+                    size: SizeConfig.imgSize_15 + SizeConfig.imgSize_2_5,
+                  ),
                 ),
-              ),
-              detailsColumn(),
-              Align(
-                alignment: Alignment.centerRight,
-                child: Image.asset(
-                  'assets/shoe.png',
-                  height: SizeConfig.imgSize_80,
+                Stack(
+                  alignment: Alignment.center,
+                  children: [
+                    Image.asset(
+                      'assets/shoe.png',
+                    ),
+                    Positioned(
+                        right: SizeConfig.width_1,
+                        child: BlurCircleWidget(
+                          size: SizeConfig.imgSize_15,
+                        )),
+                  ],
                 ),
-              ),
-              Align(
-                  alignment: Alignment.centerRight,
+                Positioned(
+                  bottom: SizeConfig.height_2,
                   child: BlurCircleWidget(
-                    size: SizeConfig.imgSize_20 + SizeConfig.imgSize_2_5,
-                  )),
-              Positioned(
-                right: SizeConfig.width_40,
-                bottom: SizeConfig.height_3,
-                child: BlurCircleWidget(
-                  size: SizeConfig.imgSize_20,
+                    size: SizeConfig.imgSize_13,
+                  ),
                 ),
-              ),
-            ],
-          )),
+              ],
+            ),
+          ),
+          detailsColumn()
         ],
       ),
     );
@@ -74,7 +76,7 @@ class _LandingTabletState extends State<LandingTablet> {
           AppBase.shoeName,
           style: GoogleFonts.roboto(
             color: Colors.white,
-            fontSize: SizeConfig.fs_11,
+            fontSize: SizeConfig.fs_05,
             fontWeight: FontWeight.w900,
           ),
         ),
@@ -89,25 +91,26 @@ class _LandingTabletState extends State<LandingTablet> {
         SizedBox(
           height: SizeConfig.height_1_5,
         ),
-        Container(
-          width: SizeConfig.width_70,
-          child: Text(
-            AppBase.shoeDesc,
-            style: GoogleFonts.roboto(
-              color: AppBase.descTextColor,
-              fontSize: SizeConfig.fs_1_7,
-              fontWeight: FontWeight.w600,
-              height: 1.3,
-            ),
+        Text(
+          AppBase.shoeDesc,
+          style: GoogleFonts.roboto(
+            color: AppBase.descTextColor,
+            fontSize: SizeConfig.fs_1_8,
+            fontWeight: FontWeight.w600,
+            height: 1.3,
           ),
         ),
         SizedBox(
           height: SizeConfig.height_2_5,
         ),
         GradiantButton(
           text: AppBase.addToCart,
+          width: SizeConfig.width_80,
+          height: SizeConfig.height_5,
+          fSize: SizeConfig.fs_2,
           onPressed: () {
             debugPrint('Pressed Add to Cart');
+            print('Mobile View');
           },
         )
       ],
@@ -123,7 +126,7 @@ class _LandingTabletState extends State<LandingTablet> {
         for (var i = 0; i < AppBase.headings.length; i++)
           InkWell(
             onTap: () {
-              debugPrint('Tapped');
+              debugPrint('Tapped tablet');
             },
             onHover: (bool value) {
               setState(() {
@@ -134,7 +137,7 @@ class _LandingTabletState extends State<LandingTablet> {
               AppBase.headings[i],
               style: GoogleFonts.roboto(
                 color: _hover[i] ? Colors.pink : Colors.white,
-                fontSize: SizeConfig.fs_1_2,
+                fontSize: SizeConfig.fs_1_4,
                 fontWeight: FontWeight.w600,
               ),
             ),

diff --git a/lib/widget/gradient_button.dart b/lib/widget/gradient_button.dart
@@ -21,7 +21,7 @@ class GradiantButton extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return InkWell(
-      onTap: () => onPressed,
+      onTap: () => onPressed(),
       child: Container(
         width: width ?? SizeConfig.width_25,
         height: height ?? SizeConfig.height_5,