design fixes

design_3.0_latest
WaseemAbbasi22 1 year ago
parent 3787bb26e4
commit e5647bc4f4

@ -31,7 +31,7 @@ class _WeeklyCalendarFragmentState extends State<WeeklyCalendarFragment> {
crossAxisCount: 7, crossAxisCount: 7,
childAspectRatio: 60 / 80, childAspectRatio: 60 / 80,
crossAxisSpacing: 4, crossAxisSpacing: 4,
mainAxisSpacing: 4, // mainAxisSpacing: 4,
), ),
itemCount: weekDates.length, itemCount: weekDates.length,
itemBuilder: (context, index) { itemBuilder: (context, index) {
@ -88,51 +88,45 @@ class _WeeklyCalendarFragmentState extends State<WeeklyCalendarFragment> {
return GestureDetector( return GestureDetector(
onTap: isLoading ? null : onSelect, onTap: isLoading ? null : onSelect,
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: [ children: [
8.height, Container(
Column( padding: EdgeInsets.symmetric(vertical: 18.toScreenHeight),
children: [ width: double.infinity,
Container( decoration: ShapeDecoration(
padding: EdgeInsets.symmetric(horizontal: 7.toScreenWidth, vertical: 14.toScreenHeight), color: AppColor.background(context),
width: double.infinity, shape: RoundedRectangleBorder(
decoration: ShapeDecoration( borderRadius: BorderRadius.circular(10),
color: AppColor.background(context), side: isSelected
shape: RoundedRectangleBorder( ? const BorderSide(color: AppColor.primary10, width: 1.5) // Blue border if selected
borderRadius: BorderRadius.circular(10), : BorderSide.none,
side: isSelected ),
? const BorderSide(color: AppColor.primary10, width: 2) // Blue border if selected shadows: [
: BorderSide.none, 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( Text(
crossAxisAlignment: CrossAxisAlignment.center, formattedDate,
children: [ style: AppTextStyles.tinyFont2.copyWith(
Text( color: isSelected ? AppColor.black20 : AppColor.neutral170, // Blue text if selected
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
),
),
],
), ),
), ],
], ),
), ),
], ],
), ),

Loading…
Cancel
Save