diff --git a/lib/service_request_latest/views/components/weekly_calendar_fragment.dart b/lib/service_request_latest/views/components/weekly_calendar_fragment.dart index 4d5b2289..53a59501 100644 --- a/lib/service_request_latest/views/components/weekly_calendar_fragment.dart +++ b/lib/service_request_latest/views/components/weekly_calendar_fragment.dart @@ -31,7 +31,7 @@ class _WeeklyCalendarFragmentState extends State { crossAxisCount: 7, childAspectRatio: 60 / 80, crossAxisSpacing: 4, - mainAxisSpacing: 4, + // mainAxisSpacing: 4, ), itemCount: weekDates.length, itemBuilder: (context, index) { @@ -88,51 +88,45 @@ class _WeeklyCalendarFragmentState extends State { return GestureDetector( onTap: isLoading ? null : onSelect, child: Column( - crossAxisAlignment: CrossAxisAlignment.center, - mainAxisSize: MainAxisSize.min, + mainAxisAlignment: MainAxisAlignment.center, children: [ - 8.height, - Column( - children: [ - Container( - padding: EdgeInsets.symmetric(horizontal: 7.toScreenWidth, vertical: 14.toScreenHeight), - width: double.infinity, - decoration: ShapeDecoration( - color: AppColor.background(context), - shape: RoundedRectangleBorder( - borderRadius: BorderRadius.circular(10), - side: isSelected - ? const BorderSide(color: AppColor.primary10, width: 2) // Blue border if selected - : BorderSide.none, + Container( + padding: EdgeInsets.symmetric(vertical: 18.toScreenHeight), + width: double.infinity, + decoration: ShapeDecoration( + color: AppColor.background(context), + shape: RoundedRectangleBorder( + borderRadius: BorderRadius.circular(10), + side: isSelected + ? const BorderSide(color: AppColor.primary10, width: 1.5) // Blue border if selected + : BorderSide.none, + ), + shadows: [ + BoxShadow( + color: Colors.black.withOpacity(0.03), + blurRadius: 5, + offset: const Offset(0, 0), + spreadRadius: 0, + ), + ], + ), + child: Column( + crossAxisAlignment: CrossAxisAlignment.center, + children: [ + Text( + formattedDay, + style: AppTextStyles.tinyFont2.copyWith( + color: isSelected ? AppColor.black20 : AppColor.neutral170, // Blue text if selected ), - shadows: [ - BoxShadow( - color: Colors.black.withOpacity(0.03), - blurRadius: 5, - offset: const Offset(0, 0), - spreadRadius: 0, - ), - ], ), - child: Column( - crossAxisAlignment: CrossAxisAlignment.center, - children: [ - Text( - formattedDay, - style: AppTextStyles.tinyFont2.copyWith( - color: isSelected ? AppColor.black20 : AppColor.neutral170, // Blue text if selected - ), - ), - Text( - formattedDate, - style: AppTextStyles.tinyFont2.copyWith( - color: isSelected ? AppColor.black20 : AppColor.neutral170, // Blue text if selected - ), - ), - ], + Text( + formattedDate, + style: AppTextStyles.tinyFont2.copyWith( + color: isSelected ? AppColor.black20 : AppColor.neutral170, // Blue text if selected + ), ), - ), - ], + ], + ), ), ], ),