Re-Quest/mobile-app
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: increase agent card height and update image cropping to prevent portrait photo truncation

Browse Source
This commit is contained in:
pradeepkumar
2026-05-07 15:36:53 +05:30
parent 8a859ff56c
commit 0123998e8d
1 changed files with 19 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
lib/features/home/presentation/widgets/features_section.dart
View File

@@ -242,8 +242,10 @@ class _FeaturesSectionState extends ConsumerState<FeaturesSection> {
), ),
const SizedBox(height: 24), const SizedBox(height: 24),
// Static agent cards carousel (same as web) // Static agent cards carousel (same as web)
// Height = image (220) + content padding/text (~210) — covers all
// variants (with multi-line location, "+more" buttons, etc.).
SizedBox( SizedBox(
height: 370, height: 430,
child: ListView.builder( child: ListView.builder(
controller: _agentScrollController, controller: _agentScrollController,
scrollDirection: Axis.horizontal, scrollDirection: Axis.horizontal,
@@ -360,7 +362,8 @@ class _FeaturesSectionState extends ConsumerState<FeaturesSection> {
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
// Image // Image — taller box + top-anchored crop so faces stay visible
// for portrait photos (heads were getting cropped off the top).
ClipRRect( ClipRRect(
borderRadius: borderRadius:
const BorderRadius.vertical(top: Radius.circular(15)), const BorderRadius.vertical(top: Radius.circular(15)),
@@ -368,25 +371,32 @@ class _FeaturesSectionState extends ConsumerState<FeaturesSection> {
? Image.network( ? Image.network(
agent.image, agent.image,
width: 254, width: 254,
height: 161, height: 220,
fit: BoxFit.cover, fit: BoxFit.cover,
alignment: Alignment.topCenter,
errorBuilder: (_, __, ___) => Container( errorBuilder: (_, __, ___) => Container(
width: 254, width: 254,
height: 161, height: 220,
color: const Color(0xFFC4D9D4), color: const Color(0xFFC4D9D4),
child: const Icon(Icons.person, size: 60, color: AppColors.primaryDark), child: const Icon(Icons.person,
size: 60, color: AppColors.primaryDark),
), ),
) )
: Image.asset( : Image.asset(
(agent.image.isNotEmpty ? agent.image : 'assets/images/agent-anderson.jpg').replaceFirst(RegExp(r'^/'), ''), (agent.image.isNotEmpty
? agent.image
: 'assets/images/agent-anderson.jpg')
.replaceFirst(RegExp(r'^/'), ''),
width: 254, width: 254,
height: 161, height: 220,
fit: BoxFit.cover, fit: BoxFit.cover,
alignment: Alignment.topCenter,
errorBuilder: (_, __, ___) => Container( errorBuilder: (_, __, ___) => Container(
width: 254, width: 254,
height: 161, height: 220,
color: const Color(0xFFC4D9D4), color: const Color(0xFFC4D9D4),
child: const Icon(Icons.person, size: 60, color: AppColors.primaryDark), child: const Icon(Icons.person,
size: 60, color: AppColors.primaryDark),
), ),
), ),
), ),