calendar page ui redesign
This commit is contained in:
parent
b4e912dd75
commit
aa2d8db85f
|
@ -46,22 +46,58 @@ class _CalendarScreenState extends State<CalendarScreen> {
|
|||
return Scaffold(
|
||||
body: _selectedDateRange == null
|
||||
? const Padding(
|
||||
padding: EdgeInsets.all(30),
|
||||
padding: EdgeInsets.all(16),
|
||||
child: Center(
|
||||
child:
|
||||
Text('Select the date range by using the calendar button'),
|
||||
),
|
||||
)
|
||||
: Padding(
|
||||
padding: const EdgeInsets.all(30),
|
||||
child: Center(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(children: [
|
||||
Card(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: SizedBox(
|
||||
width: double.infinity,
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
const Text("Dates",
|
||||
const Text("Difference",
|
||||
style: TextStyle(
|
||||
fontSize: 30, fontWeight: FontWeight.bold)),
|
||||
const Text("Start Date", style: TextStyle(fontSize: 14)),
|
||||
fontSize: 40,
|
||||
)),
|
||||
const Text("Date Range",
|
||||
style: TextStyle(fontSize: 14)),
|
||||
Text(
|
||||
"${diffYMD[3]} days \n${diffYMD[2]} weeks \n${diffYMD[1]} months\n${diffYMD[0]} years",
|
||||
style: const TextStyle(
|
||||
fontSize: 24,
|
||||
fontWeight: FontWeight.bold)),
|
||||
const SizedBox(height: 10),
|
||||
const Text("Date Range in days",
|
||||
style: TextStyle(fontSize: 14)),
|
||||
Text("$diffD days",
|
||||
style: const TextStyle(
|
||||
fontSize: 24,
|
||||
fontWeight: FontWeight.bold)),
|
||||
],
|
||||
),
|
||||
))),
|
||||
const SizedBox(height: 16),
|
||||
Card(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: SizedBox(
|
||||
width: double.infinity,
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
const Text("Dates", style: TextStyle(fontSize: 40)),
|
||||
const Text("Start Date",
|
||||
style: TextStyle(fontSize: 14)),
|
||||
const SizedBox(height: 5),
|
||||
Text(
|
||||
startDateString,
|
||||
|
@ -69,30 +105,17 @@ class _CalendarScreenState extends State<CalendarScreen> {
|
|||
fontSize: 22, fontWeight: FontWeight.bold),
|
||||
),
|
||||
const SizedBox(height: 10),
|
||||
const Text("End Date", style: TextStyle(fontSize: 14)),
|
||||
const Text("End Date",
|
||||
style: TextStyle(fontSize: 14)),
|
||||
const SizedBox(height: 5),
|
||||
Text(endDateString,
|
||||
style: const TextStyle(
|
||||
fontSize: 22, fontWeight: FontWeight.bold)),
|
||||
const SizedBox(height: 20),
|
||||
const Text("Difference",
|
||||
style: TextStyle(
|
||||
fontSize: 30, fontWeight: FontWeight.bold)),
|
||||
const Text("Date Range", style: TextStyle(fontSize: 14)),
|
||||
Text(
|
||||
"${diffYMD[3]} days \n${diffYMD[2]} weeks \n${diffYMD[1]} months\n${diffYMD[0]} years",
|
||||
style: const TextStyle(
|
||||
fontSize: 24, fontWeight: FontWeight.bold)),
|
||||
const SizedBox(height: 10),
|
||||
const Text("Date Range in days",
|
||||
style: TextStyle(fontSize: 14)),
|
||||
Text("$diffD days",
|
||||
style: const TextStyle(
|
||||
fontSize: 24, fontWeight: FontWeight.bold)),
|
||||
],
|
||||
)),
|
||||
),
|
||||
),
|
||||
),
|
||||
)
|
||||
])),
|
||||
// This button is used to show the date range picker
|
||||
floatingActionButton: FloatingActionButton(
|
||||
onPressed: showRangeDialog,
|
||||
|
|
|
@ -39,7 +39,8 @@ Future<void> communityDialogBuilder(BuildContext context) {
|
|||
SimpleDialogOption(
|
||||
onPressed: () async {
|
||||
await launchUrl(
|
||||
Uri.parse('matrix.to/#/#datecalc:matrix.winscloud.net'),
|
||||
Uri.parse(
|
||||
'https://matrix.to/#/#datecalc:matrix.winscloud.net'),
|
||||
mode: LaunchMode.externalApplication);
|
||||
},
|
||||
child: Row(
|
||||
|
|
|
@ -40,6 +40,10 @@
|
|||
<image>https://raw.githubusercontent.com/AtiusAmy/atiusamy.github.io/master/images/2020-07-12_17.29.36.png</image>
|
||||
</screenshot>
|
||||
</screenshots>
|
||||
<branding>
|
||||
<color type="primary" scheme_preference="light">#6f6385</color>
|
||||
<color type="primary" scheme_preference="dark">#130b22</color>
|
||||
</branding>
|
||||
<content_rating type="oars-1.0"/>
|
||||
<releases>
|
||||
<release version="0.0.7" date="2024-03-03">
|
||||
|
|
Loading…
Reference in New Issue