fix: improve look of calendar (#1226)

This commit is contained in:
Richard Shiue 2022-10-06 21:36:39 +08:00 committed by GitHub
parent a4a88959fd
commit 5860d35d1a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -159,6 +159,7 @@ class _CellCalendarWidgetState extends State<_CellCalendarWidget> {
focusedDay: state.focusedDay, focusedDay: state.focusedDay,
rowHeight: 40, rowHeight: 40,
calendarFormat: state.format, calendarFormat: state.format,
daysOfWeekHeight: 40,
headerStyle: HeaderStyle( headerStyle: HeaderStyle(
formatButtonVisible: false, formatButtonVisible: false,
titleCentered: true, titleCentered: true,
@ -168,6 +169,7 @@ class _CellCalendarWidgetState extends State<_CellCalendarWidget> {
rightChevronPadding: EdgeInsets.zero, rightChevronPadding: EdgeInsets.zero,
rightChevronMargin: EdgeInsets.zero, rightChevronMargin: EdgeInsets.zero,
rightChevronIcon: svgWidget("home/arrow_right"), rightChevronIcon: svgWidget("home/arrow_right"),
headerMargin: const EdgeInsets.only(bottom: 8.0),
), ),
daysOfWeekStyle: DaysOfWeekStyle( daysOfWeekStyle: DaysOfWeekStyle(
dowTextFormatter: (date, locale) => dowTextFormatter: (date, locale) =>
@ -182,13 +184,31 @@ class _CellCalendarWidgetState extends State<_CellCalendarWidget> {
), ),
), ),
calendarStyle: CalendarStyle( calendarStyle: CalendarStyle(
cellMargin: const EdgeInsets.all(3),
defaultDecoration: BoxDecoration(
color: theme.surface,
shape: BoxShape.rectangle,
borderRadius: const BorderRadius.all(Radius.circular(6)),
),
selectedDecoration: BoxDecoration( selectedDecoration: BoxDecoration(
color: theme.main1, color: theme.main1,
shape: BoxShape.circle, shape: BoxShape.rectangle,
borderRadius: const BorderRadius.all(Radius.circular(6)),
), ),
todayDecoration: BoxDecoration( todayDecoration: BoxDecoration(
color: theme.shader4, color: theme.shader4,
shape: BoxShape.circle, shape: BoxShape.rectangle,
borderRadius: const BorderRadius.all(Radius.circular(6)),
),
weekendDecoration: BoxDecoration(
color: theme.surface,
shape: BoxShape.rectangle,
borderRadius: const BorderRadius.all(Radius.circular(6)),
),
outsideDecoration: BoxDecoration(
color: theme.surface,
shape: BoxShape.rectangle,
borderRadius: const BorderRadius.all(Radius.circular(6)),
), ),
selectedTextStyle: TextStyle( selectedTextStyle: TextStyle(
color: theme.surface, color: theme.surface,