diff --git a/lib/ui_components/cards/All Cards/blog_card/card_2.dart b/lib/ui_components/cards/All Cards/blog_card/card_2.dart index 415b924..687a388 100644 --- a/lib/ui_components/cards/All Cards/blog_card/card_2.dart +++ b/lib/ui_components/cards/All Cards/blog_card/card_2.dart @@ -10,26 +10,26 @@ class SecondCard extends StatelessWidget { children: [ Container( padding: const EdgeInsets.only(left: 5, top: 2, bottom: 2), - height: (MediaQuery.of(context).size.width / 2.4) * 0.83, + width: MediaQuery.of(context).size.width - MediaQuery.of(context).size.width / 2.4 - - 8, - child: const Column( + 32, + child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ - Text( + const Text( "Politics", style: TextStyle(fontSize: 10, color: Colors.grey), ), - Text( + const Text( "EU funds won't be conditional upon European Values", style: TextStyle( fontSize: 12, color: Color.fromARGB(255, 54, 103, 144), fontWeight: FontWeight.w500), ), - Text( + const Text( "The European Union (EU) is a political and economic union of 27 European countries. It aims to promote cooperation", style: TextStyle(fontSize: 10, color: Colors.grey), ), @@ -37,15 +37,15 @@ class SecondCard extends StatelessWidget { fit: BoxFit.fitHeight, child: Row( children: [ - CircleAvatar( + const CircleAvatar( radius: 15, ), - SizedBox( + const SizedBox( width: 10, ), Column( crossAxisAlignment: CrossAxisAlignment.start, - children: [ + children: const [ Text( "Ralph Edwards", style: TextStyle( @@ -66,7 +66,7 @@ class SecondCard extends StatelessWidget { ), ), SizedBox( - width: MediaQuery.of(context).size.width / 2.4, + width: (MediaQuery.of(context).size.width / 2.4), child: Image.asset( 'assets/card_image/cardo.png', fit: BoxFit.cover, diff --git a/lib/ui_components/cards/All Cards/blog_card_dark_mode/card_6.dart b/lib/ui_components/cards/All Cards/blog_card_dark_mode/card_6.dart index 0bd9d26..a6b9e8d 100644 --- a/lib/ui_components/cards/All Cards/blog_card_dark_mode/card_6.dart +++ b/lib/ui_components/cards/All Cards/blog_card_dark_mode/card_6.dart @@ -5,48 +5,53 @@ class SixthCard extends StatelessWidget { @override Widget build(BuildContext context) { - return Card( - child: Row( + return SizedBox( + width: MediaQuery.of(context).size.width, + + child:Flexible(child:Card( + + child: Expanded(child:Row( + mainAxisAlignment: MainAxisAlignment.spaceEvenly, + crossAxisAlignment: CrossAxisAlignment.center, children: [ Container( color: Colors.black, - padding: const EdgeInsets.only(left: 5, top: 2, bottom: 2), - height: (MediaQuery.of(context).size.width / 2.4) * 0.83, - width: MediaQuery.of(context).size.width - - MediaQuery.of(context).size.width / 2.4 - - 8, - child: const Column( + padding: const EdgeInsets.only(left: 5, top: 2, bottom: 2, right: 5), + width: MediaQuery.of(context).size.width - MediaQuery.of(context).size.width / 2.4 - 32, + + child: Flexible(child:Column( + mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, - mainAxisAlignment: MainAxisAlignment.spaceBetween, + mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ - Text( + const Text( "Politics", style: TextStyle(fontSize: 10, color: Colors.grey), ), - Text( + const Text( "EU funds won't be conditional upon European Values", style: TextStyle( fontSize: 12, color: Colors.cyan, fontWeight: FontWeight.w500,), ), - Text( + const Flexible(flex: 2,child:Text( "The European Union (EU) is a political and economic union of 27 European countries. It aims to promote cooperation", - style: TextStyle(fontSize: 10, color: Colors.grey), - ), + style: TextStyle(fontSize: 10, color: Colors.grey, overflow: TextOverflow.visible), + ),), FittedBox( - fit: BoxFit.fitHeight, + fit: BoxFit.cover, child: Row( children: [ - CircleAvatar( + const CircleAvatar( radius: 15, ), - SizedBox( + const SizedBox( width: 10, ), Column( crossAxisAlignment: CrossAxisAlignment.start, - children: [ + children: const [ Text( "Ralph Edwards", style: TextStyle( @@ -65,16 +70,16 @@ class SixthCard extends StatelessWidget { ) ], ), - ), + ),), SizedBox( width: MediaQuery.of(context).size.width / 2.4, child: Image.asset( - 'assets/card_image/cardo.png', + 'assets/card_image/cardo.png' , fit: BoxFit.cover, ), ), ], ), - ); + )))); } } diff --git a/lib/ui_components/cards/All Cards/social_card/card_4.dart b/lib/ui_components/cards/All Cards/social_card/card_4.dart index 637f6e9..a34833c 100644 --- a/lib/ui_components/cards/All Cards/social_card/card_4.dart +++ b/lib/ui_components/cards/All Cards/social_card/card_4.dart @@ -5,296 +5,295 @@ class FourthCard extends StatelessWidget { @override Widget build(BuildContext context) { - return SizedBox( - child: Card( - elevation: 5, - child: Center( - child: Container( - width: MediaQuery.of(context).size.width / 1.1, - padding: - const EdgeInsets.only(left: 5, top: 10, bottom: 10, right: 5), - child: Column( - children: [ - const Row( - children: [ - CircleAvatar(), - SizedBox( - width: 20, - ), - Column( - children: [ - Text( - "Post", - style: TextStyle( - color: Color.fromARGB( - 255, - 133, - 131, - 131, - ), - fontSize: 18), + return Card( + elevation: 5, + child: Center( + child: Expanded(child:Container( + width: MediaQuery.of(context).size.width / 1.1, + padding: + const EdgeInsets.only(left: 5, top: 10, bottom: 10, right: 5), + child: Column( + children: [ + Row( + children: [ + const CircleAvatar(), + const SizedBox( + width: 20, + ), + Column( + children: const [ + Text( + "Post", + style: TextStyle( + color: Color.fromARGB( + 255, + 133, + 131, + 131, + ), + fontSize: 18), + ), + Text( + "200", + style: TextStyle( + color: Color.fromARGB(255, 50, 111, 161), + fontSize: 18, + fontWeight: FontWeight.w500, ), - Text( - "200", + ) + ], + ), + const SizedBox( + width: 20, + ), + Column( + children: const [ + Text("Followers", style: TextStyle( + color: Color.fromARGB(255, 133, 131, 131), + fontSize: 18)), + Text( + "1920", + style: TextStyle( color: Color.fromARGB(255, 50, 111, 161), fontSize: 18, - fontWeight: FontWeight.w500, - ), - ) - ], - ), - SizedBox( - width: 20, - ), - Column( - children: [ - Text("Followers", - style: TextStyle( - color: Color.fromARGB(255, 133, 131, 131), - fontSize: 18)), - Text( - "1920", - style: TextStyle( - color: Color.fromARGB(255, 50, 111, 161), - fontSize: 18, - fontWeight: FontWeight.w500), - ) - ], - ), - SizedBox( - width: 20, - ), - Column( - children: [ - Text("Following", - style: TextStyle( - color: Color.fromARGB(255, 133, 131, 131), - fontSize: 18)), - Text( - "303", + fontWeight: FontWeight.w500), + ) + ], + ), + const SizedBox( + width: 20, + ), + Column( + children: const [ + Text("Following", style: TextStyle( - color: Color.fromARGB(255, 50, 111, 161), - fontSize: 18, - fontWeight: FontWeight.w500), - ) - ], - ) - ], - ), - const SizedBox(height: 10), - const Row( - children: [ - Text( - "Roshan Kumar", - style: TextStyle( - color: Color.fromARGB(255, 50, 111, 161), - fontSize: 18), - ), - SizedBox( - width: 5, - ), - Icon( - Icons.verified, - size: 18, - color: Colors.amber, - ) - ], - ), - const SizedBox( - height: 3, - ), - const Row( - children: [ - Text( - "@HSmith78", - style: TextStyle(color: Colors.grey, fontSize: 17), - ) - ], - ), - const SizedBox( - height: 20, - ), - const Row( - children: [ - Text( - "Hey I'm Henry", - style: TextStyle( - fontSize: 18, + color: Color.fromARGB(255, 133, 131, 131), + fontSize: 18)), + Text( + "303", + style: TextStyle( + color: Color.fromARGB(255, 50, 111, 161), + fontSize: 18, + fontWeight: FontWeight.w500), + ) + ], + ) + ], + ), + const SizedBox(height: 10), + Row( + children: const [ + Text( + "Roshan Kumar", + style: TextStyle( color: Color.fromARGB(255, 50, 111, 161), - ), - ), - SizedBox( - width: 5, - ), - Icon( - Icons.waving_hand, - color: Colors.amber, - size: 18, - ) - ], - ), - const Row( - children: [ - Icon( - Icons.color_lens, - color: Colors.amber, - ), - SizedBox( - width: 5, - ), - Text( - "UX Designer", - style: TextStyle( - color: Color.fromARGB(255, 50, 111, 161), - fontSize: 18), + fontSize: 18), + ), + SizedBox( + width: 5, + ), + Icon( + Icons.verified, + size: 18, + color: Colors.amber, + ) + ], + ), + const SizedBox( + height: 3, + ), + Row( + children: const [ + Text( + "@HSmith78", + style: TextStyle(color: Colors.grey, fontSize: 17), + ) + ], + ), + const SizedBox( + height: 20, + ), + Row( + children: const [ + Text( + "Hey I'm Henry", + style: TextStyle( + fontSize: 18, + color: Color.fromARGB(255, 50, 111, 161), ), - ], - ), - const Row( - children: [ - Icon( - Icons.baby_changing_station, - color: Colors.brown, - ), - SizedBox( - width: 5, - ), - Text( - "Proud Dad", - style: TextStyle( - fontSize: 18, + ), + SizedBox( + width: 5, + ), + Icon( + Icons.waving_hand, + color: Colors.amber, + size: 18, + ) + ], + ), + Row( + children: const [ + Icon( + Icons.color_lens, + color: Colors.amber, + ), + SizedBox( + width: 5, + ), + Text( + "UX Designer", + style: TextStyle( color: Color.fromARGB(255, 50, 111, 161), - ), - ), - ], - ), - const Row( - children: [ - Icon( - Icons.circle, - color: Color.fromARGB(255, 195, 253, 129), - ), - SizedBox( - width: 5, - ), - Text( - "Avid Tennis Player", - style: TextStyle( - color: Color.fromARGB(255, 50, 111, 161), - fontSize: 18), - ), - ], - ), - const SizedBox( - height: 20, - ), - const Row( - children: [ - SizedBox( - // width: double.infinity, - width: 103, - child: Stack( - children: [ - CircleAvatar( - radius: 12, - ), - Positioned( - left: 17, - child: CircleAvatar( - radius: 12, - )), - Positioned( - left: 37, - child: CircleAvatar( - radius: 12, - )), - Positioned( - left: 57, - child: CircleAvatar( - radius: 12, - )), - Positioned( - left: 77, - child: CircleAvatar( - radius: 12, - )), - ], - ), - ), - Text( - " Followed by ", - style: - TextStyle(color: Color.fromARGB(255, 50, 111, 161,), fontSize: 10), - ), - Text( - "Sambam94", - style: TextStyle( - color: Color.fromARGB(255, 50, 111, 161), - fontSize: 10, - fontWeight: FontWeight.bold), + fontSize: 18), + ), + ], + ), + Row( + children: const [ + Icon( + Icons.baby_changing_station, + color: Colors.brown, + ), + SizedBox( + width: 5, + ), + Text( + "Proud Dad", + style: TextStyle( + fontSize: 18, + color: Color.fromARGB(255, 50, 111, 161), ), - Text( - " and ", - style: - TextStyle(color: Color.fromARGB(255, 50, 111, 161), fontSize: 10), - ), - Text( - "21 other", - style: - TextStyle(color: Color.fromARGB(255, 50, 111, 161), fontSize: 10), - ) - ], - ), - Row( - children: [ - SizedBox( - width: MediaQuery.of(context).size.width / 3, - child: ElevatedButton( - onPressed: () {}, - style: ElevatedButton.styleFrom( - backgroundColor: - const Color.fromARGB(255, 50, 111, 161)), - child: const Text( - "Follow", - style: TextStyle(color: Colors.white), + ), + ], + ), + Row( + children: const [ + Icon( + Icons.circle, + color: Color.fromARGB(255, 195, 253, 129), + ), + SizedBox( + width: 5, + ), + Text( + "Avid Tennis Player", + style: TextStyle( + color: Color.fromARGB(255, 50, 111, 161), + fontSize: 18), + ), + ], + ), + const SizedBox( + height: 20, + ), + Row( + children: [ + SizedBox( + // width: double.infinity, + width: 103, + child: Stack( + children: const [ + CircleAvatar( + radius: 12, ), - ), - ), - const SizedBox( - width: 10, + Positioned( + left: 17, + child: CircleAvatar( + radius: 12, + )), + Positioned( + left: 37, + child: CircleAvatar( + radius: 12, + )), + Positioned( + left: 57, + child: CircleAvatar( + radius: 12, + )), + Positioned( + left: 77, + child: CircleAvatar( + radius: 12, + )), + ], ), - SizedBox( - width: MediaQuery.of(context).size.width / 3, - child: ElevatedButton( - style: ElevatedButton.styleFrom( - backgroundColor: Colors.white), - onPressed: () {}, - child: const Text( - "Message", - style: TextStyle( - color: Color.fromARGB(255, 66, 112, 150)), - ), + ), + const Text( + " Followed by ", + style: + TextStyle(color: Color.fromARGB(255, 50, 111, 161,), fontSize: 10), + ), + const Text( + "Sambam94", + style: TextStyle( + color: Color.fromARGB(255, 50, 111, 161), + fontSize: 10, + fontWeight: FontWeight.bold), + ), + const Text( + " and ", + style: + TextStyle(color: Color.fromARGB(255, 50, 111, 161), fontSize: 10), + ), + const Text( + "21 other", + style: + TextStyle(color: Color.fromARGB(255, 50, 111, 161), fontSize: 10), + ) + ], + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceEvenly, + children: [ + SizedBox( + + child: ElevatedButton( + onPressed: () {}, + style: ElevatedButton.styleFrom( + backgroundColor: + const Color.fromARGB(255, 50, 111, 161)), + child: const Text( + "Follow", + style: TextStyle(color: Colors.white), ), ), - const SizedBox( - width: 10, + ), + const SizedBox( + width: 10, + ), + SizedBox( + + child: ElevatedButton( + style: ElevatedButton.styleFrom( + backgroundColor: Colors.white), + onPressed: () {}, + child: const Text( + "Message", + style: TextStyle( + color: Color.fromARGB(255, 66, 112, 150)), + ), ), - ElevatedButton( - onPressed: () {}, - style: ElevatedButton.styleFrom( - backgroundColor: Colors.white), - child: const Icon( - Icons.person_add_outlined, - color: Colors.black, - )) - ], - ) - ], - ), + ), + const SizedBox( + width: 10, + ), + ElevatedButton( + onPressed: () {}, + style: ElevatedButton.styleFrom( + backgroundColor: Colors.white), + child: const Icon( + Icons.person_add_outlined, + color: Colors.black, + )) + ], + ) + ], ), ), ), - ); + )); } } diff --git a/lib/ui_components/cards/All Cards/social_card_dark_mode/card_7.dart b/lib/ui_components/cards/All Cards/social_card_dark_mode/card_7.dart index 445cb88..5cb8457 100644 --- a/lib/ui_components/cards/All Cards/social_card_dark_mode/card_7.dart +++ b/lib/ui_components/cards/All Cards/social_card_dark_mode/card_7.dart @@ -15,8 +15,8 @@ class SeventhCard extends StatelessWidget { child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ - const Row( - children: [ + Row( + children: const [ Icon( Icons.star, color: Colors.amber, @@ -60,16 +60,16 @@ class SeventhCard extends StatelessWidget { const SizedBox( height: 10, ), - const Row( + Row( children: [ - CircleAvatar(), - SizedBox( - width: 7, + const CircleAvatar(), + const SizedBox( + width: 5, ), Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ - Row(children:[ + Row(children:const [ Text( "Ralph Edward", style: TextStyle( @@ -77,17 +77,17 @@ class SeventhCard extends StatelessWidget { color: Colors.cyan, ), ), - SizedBox(width: 5,), + SizedBox(width: 2,), Icon(Icons.verified, color: Colors.white,size: 13,), - SizedBox(width: 5,), + SizedBox(width: 2,), Text("verified customer", style: TextStyle(color: Colors.grey),) ],), - SizedBox( + const SizedBox( height: 3, ), - Text( + const Text( "April 22, 2022", style: TextStyle( fontWeight: FontWeight.normal, @@ -103,4 +103,4 @@ class SeventhCard extends StatelessWidget { ), ); } -} \ No newline at end of file +} diff --git a/lib/ui_components/cards/All Cards/social_card_dark_mode/card_8.dart b/lib/ui_components/cards/All Cards/social_card_dark_mode/card_8.dart index 2c06994..f2ba201 100644 --- a/lib/ui_components/cards/All Cards/social_card_dark_mode/card_8.dart +++ b/lib/ui_components/cards/All Cards/social_card_dark_mode/card_8.dart @@ -17,14 +17,14 @@ class EightCard extends StatelessWidget { padding: const EdgeInsets.only(left: 10, top: 10, bottom: 10), child: Column( children: [ - const Row( + Row( children: [ - CircleAvatar(), - SizedBox( + const CircleAvatar(), + const SizedBox( width: 20, ), Column( - children: [ + children: const [ Text( "Post", style: TextStyle( @@ -46,11 +46,11 @@ class EightCard extends StatelessWidget { ) ], ), - SizedBox( + const SizedBox( width: 20, ), Column( - children: [ + children: const [ Text("Followers", style: TextStyle( color: Color.fromARGB(255, 133, 131, 131), @@ -64,11 +64,11 @@ class EightCard extends StatelessWidget { ) ], ), - SizedBox( + const SizedBox( width: 20, ), Column( - children: [ + children: const [ Text("Following", style: TextStyle( color: Color.fromARGB(255, 133, 131, 131), @@ -85,8 +85,8 @@ class EightCard extends StatelessWidget { ], ), const SizedBox(height: 10), - const Row( - children: [ + Row( + children: const [ Text( "Roshan Kumar", style: TextStyle(color: Colors.cyan, fontSize: 18), @@ -104,8 +104,8 @@ class EightCard extends StatelessWidget { const SizedBox( height: 3, ), - const Row( - children: [ + Row( + children: const [ Text( "@HSmith78", style: TextStyle(color: Colors.grey, fontSize: 17), @@ -115,8 +115,8 @@ class EightCard extends StatelessWidget { const SizedBox( height: 20, ), - const Row( - children: [ + Row( + children: const [ Text( "Hey I'm Henry", style: TextStyle( @@ -134,8 +134,8 @@ class EightCard extends StatelessWidget { ) ], ), - const Row( - children: [ + Row( + children: const [ Icon( Icons.color_lens, color: Colors.amber, @@ -149,8 +149,8 @@ class EightCard extends StatelessWidget { ), ], ), - const Row( - children: [ + Row( + children: const [ Icon( Icons.baby_changing_station, color: Colors.brown, @@ -167,8 +167,8 @@ class EightCard extends StatelessWidget { ), ], ), - const Row( - children: [ + Row( + children: const [ Icon( Icons.circle, color: Color.fromARGB(255, 195, 253, 129), @@ -185,13 +185,13 @@ class EightCard extends StatelessWidget { const SizedBox( height: 10, ), - const Row( + Row( children: [ SizedBox( // width: double.infinity, width: 78, child: Stack( - children: [ + children: const [ CircleAvatar( radius: 12, ), @@ -218,32 +218,44 @@ class EightCard extends StatelessWidget { ], ), ), - Text( - " Followed by ", - style: TextStyle(color: Colors.white), - ), - Text( - "Sambam94", - style: TextStyle( - color: Colors.white, fontWeight: FontWeight.bold), - ), - Text( + + + Row(children: const [ + Text( + " Followed by ", + style: TextStyle(color: Colors.white), + ), + Text( + "Sambam94", + style: TextStyle( + color: Colors.white, fontWeight: FontWeight.bold), + ), + ],), + ] + ), + + Row(children:[ + SizedBox(width: MediaQuery.of(context).size.width/4.4,), + const Text( " and ", style: TextStyle(color: Colors.white), ), - Text( + const Text( "21 other", style: TextStyle(color: Colors.white), ) - ], - ), + ] + ), + + const SizedBox( height: 10, ), Row( + mainAxisAlignment: MainAxisAlignment.center, children: [ SizedBox( - width: MediaQuery.of(context).size.width / 3, + width: MediaQuery.of(context).size.width / 3.5, child: ElevatedButton( onPressed: () {}, style: ElevatedButton.styleFrom( @@ -264,7 +276,7 @@ class EightCard extends StatelessWidget { decoration: BoxDecoration( border: Border.all(color: Colors.cyan), borderRadius: BorderRadius.circular(5)), - width: MediaQuery.of(context).size.width / 3, + width: MediaQuery.of(context).size.width / 3.5, child: const Center( child: Text( "Message", diff --git a/lib/ui_components/cards/cards.dart b/lib/ui_components/cards/cards.dart index cff7e69..7afb6f0 100644 --- a/lib/ui_components/cards/cards.dart +++ b/lib/ui_components/cards/cards.dart @@ -55,11 +55,11 @@ class _CardScreenState extends State { alignment: Alignment.centerLeft, child: Padding( padding: const EdgeInsets.all(8.0), - child: Text("Blog Cards", + child: Center(child:Text("Blog Cards", style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, - color: MyTheme.lightBluishColor)), + color: MyTheme.lightBluishColor)),) ), ), Wrap( @@ -74,7 +74,7 @@ class _CardScreenState extends State { horizontal: 12, vertical: 8, ), - width: double.infinity, + //width: double.infinity, child: blogCardList[index], ), Padding( @@ -95,7 +95,7 @@ class _CardScreenState extends State { horizontal: 12, vertical: 8, ), - width: double.infinity, + //width: double.infinity, child: blogCardList[index], ), ); @@ -139,7 +139,7 @@ class _CardScreenState extends State { horizontal: 12, vertical: 8, ), - width: double.infinity, + //width: double.infinity, child: socialCardList[index], ), Padding( @@ -160,7 +160,7 @@ class _CardScreenState extends State { horizontal: 12, vertical: 8, ), - width: double.infinity, + //width: double.infinity, child: socialCardList[index], ), ); @@ -204,7 +204,7 @@ class _CardScreenState extends State { horizontal: 12, vertical: 8, ), - width: double.infinity, + //width: double.infinity, child: blogCardDarKModeList[index], ), Padding( @@ -225,7 +225,7 @@ class _CardScreenState extends State { horizontal: 12, vertical: 8, ), - width: double.infinity, + //width: double.infinity, child: blogCardDarKModeList[index], ), ); @@ -270,7 +270,7 @@ class _CardScreenState extends State { horizontal: 12, vertical: 8, ), - width: double.infinity, + //width: double.infinity, child: socialCardDarkModeList[index], ), Padding( @@ -291,7 +291,7 @@ class _CardScreenState extends State { horizontal: 12, vertical: 8, ), - width: double.infinity, + //width: double.infinity, child: socialCardDarkModeList[index], ), );