diff --git a/lib/components/delivery_list_item.dart b/lib/components/delivery_list_item.dart index a540b97..a902d37 100644 --- a/lib/components/delivery_list_item.dart +++ b/lib/components/delivery_list_item.dart @@ -124,9 +124,29 @@ class _DeliveryListItemState extends State children: [ // Main delivery info row Row( - crossAxisAlignment: CrossAxisAlignment.start, + crossAxisAlignment: CrossAxisAlignment.center, children: [ - // Left accent bar (taller for better visual balance) + // Order number badge (left of status bar) + Container( + width: 60, + height: 60, + decoration: BoxDecoration( + color: statusColor, + borderRadius: BorderRadius.circular(10), + ), + child: Center( + child: Text( + '${widget.delivery.deliveryIndex + 1}', + style: const TextStyle( + color: Colors.white, + fontSize: 26, + fontWeight: FontWeight.w700, + ), + ), + ), + ), + const SizedBox(width: 12), + // Left accent bar (vertical status bar) Container( width: 6, height: 80, diff --git a/lib/components/map_sidebar_layout.dart b/lib/components/map_sidebar_layout.dart index f2dbd37..2af1f40 100644 --- a/lib/components/map_sidebar_layout.dart +++ b/lib/components/map_sidebar_layout.dart @@ -71,10 +71,10 @@ class _MapSidebarLayoutState extends State flex: (widget.mapRatio * 100).toInt(), child: widget.mapWidget, ), - // Collapsible sidebar with toggle button (expanded to 360px for better readability) + // Collapsible sidebar with toggle button (expanded to 420px for badge + content) AnimatedContainer( duration: const Duration(milliseconds: 300), - width: _isExpanded ? 360 : 64, + width: _isExpanded ? 420 : 64, color: isDarkMode ? SvrntyColors.almostBlack : Colors.white, child: Column( children: [ diff --git a/lib/pages/deliveries_page.dart b/lib/pages/deliveries_page.dart index 5e9fd11..29b243e 100644 --- a/lib/pages/deliveries_page.dart +++ b/lib/pages/deliveries_page.dart @@ -272,7 +272,7 @@ class UnifiedDeliveryListView extends StatelessWidget { controller: scrollController, padding: const EdgeInsets.only(top: 4, bottom: 8), physics: const AlwaysScrollableScrollPhysics(), - itemCount: deliveries.length > 4 ? 4 : deliveries.length, // Limit to max 4 items for better readability + itemCount: deliveries.length, // Show all deliveries with scrolling itemBuilder: (context, index) { final delivery = deliveries[index]; return DeliveryListItem( diff --git a/lib/theme/animation_system.dart b/lib/theme/animation_system.dart index 3df2fb6..3201705 100644 --- a/lib/theme/animation_system.dart +++ b/lib/theme/animation_system.dart @@ -76,17 +76,17 @@ class AppAnimations { // STAGGER DELAYS (FOR LIST ANIMATIONS) // ============================================ - /// Default stagger delay for list items (50ms) - static const Duration staggerDelay = Duration(milliseconds: 50); + /// Default stagger delay for list items (5ms) - Reduced by 90% for instant loading + static const Duration staggerDelay = Duration(milliseconds: 5); - /// Quick stagger delay (30ms) - static const Duration staggerDelayFast = Duration(milliseconds: 30); + /// Quick stagger delay (3ms) + static const Duration staggerDelayFast = Duration(milliseconds: 3); - /// Slow stagger delay (100ms) - static const Duration staggerDelaySlow = Duration(milliseconds: 100); + /// Slow stagger delay (10ms) + static const Duration staggerDelaySlow = Duration(milliseconds: 10); /// Stagger delay in milliseconds - static const int staggerDelayMs = 50; + static const int staggerDelayMs = 5; // ============================================ // SCALE ANIMATION CONSTANTS