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

feat: implement debounced live search with clear button, refactor UI components, and adjust layout spacing and image cropping across screens.

Browse Source
This commit is contained in:
pradeepkumar
2026-05-08 18:41:06 +05:30
parent 4be171c0a7
commit 50c20ce0ce
5 changed files with 72 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
lib/features/home/presentation/widgets/home_header.dart
View File

@@ -375,46 +375,35 @@ class _MenuDrawer extends ConsumerWidget {
SizedBox(
width: double.infinity,
height: 54,
child: ElevatedButton(
child: ElevatedButton.icon(
onPressed: () {
Navigator.pop(context);
context.push('/login');
},
icon: const Icon(
Icons.login,
color: Colors.white,
size: 20,
),
label: const Text(
'Log In',
style: TextStyle(
fontFamily: 'Fractul',
fontSize: 16,
fontWeight: FontWeight.w700,
color: Colors.white,
),
),
style: ElevatedButton.styleFrom(
backgroundColor: AppColors.accentOrange,
foregroundColor: Colors.white,
elevation: 0,
padding: const EdgeInsets.symmetric(
horizontal: 16),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(15),
),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: [
SizedBox(
height: 20,
width: 20,
child: Center(
child: Icon(
Icons.login,
color: Colors.white,
size: 18,
),
),
),
const SizedBox(width: 8),
const Text(
'Log In',
style: TextStyle(
fontFamily: 'Fractul',
fontSize: 16,
fontWeight: FontWeight.w700,
color: Colors.white,
),
),
],
),
),
),
const SizedBox(height: 12),

17
lib/features/home/presentation/widgets/top_professionals_section.dart
View File

@@ -105,9 +105,10 @@ class _TopProfessionalsSectionState
_buildEmptyState(_activeTab)
else ...[
// Professional Cards - horizontal scroll
// Use screen-relative height so cards fit on all devices
// Use screen-relative height so cards fit on all devices.
// Bumped to 0.72 to fit the taller image (300) + content area.
SizedBox(
height: MediaQuery.of(context).size.height * 0.64,
height: MediaQuery.of(context).size.height * 0.72,
child: ListView.builder(
// Unique key per tab forces Flutter to rebuild (not reuse)
// the list items, preventing stale images from the other tab.
@@ -318,10 +319,12 @@ class _TopProfessionalsSectionState
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
// Image (226px per Figma)
// Image — taller box for portrait photos so faces aren't cropped.
// Uses topCenter alignment as a fallback when the photo is much
// taller than the box (crops bottom, keeps the face visible).
SizedBox(
width: double.infinity,
height: 226,
height: 300,
child: ClipRRect(
borderRadius: const BorderRadius.vertical(
top: Radius.circular(15),
@@ -334,9 +337,9 @@ class _TopProfessionalsSectionState
key: ValueKey('${_activeTab}_$imageUrl'),
imageUrl: imageUrl,
width: double.infinity,
height: 226,
height: 300,
fit: BoxFit.cover,
alignment: Alignment.topCenter,
alignment: const Alignment(0, -0.4),
errorWidget: (_) => _buildImagePlaceholder(index),
)
: _buildImagePlaceholder(index),
@@ -569,7 +572,7 @@ class _TopProfessionalsSectionState
children: [
// Image placeholder
Container(
height: 226,
height: 300,
decoration: const BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.vertical(top: Radius.circular(15)),