home tile and icon update

This commit is contained in:
2024-11-13 13:14:15 +02:00
parent abca9daf4c
commit 93c0af5e98
2 changed files with 66 additions and 30 deletions

View File

@@ -102,17 +102,22 @@ class _MIHTileState extends State<MIHTile> {
// print( // print(
// "Tile Name: ${widget.tileName}\nTitle Type: ${widget.tileIcon.runtimeType.toString()}"); // "Tile Name: ${widget.tileName}\nTitle Type: ${widget.tileIcon.runtimeType.toString()}");
return FittedBox( return FittedBox(
alignment: Alignment.center,
child: Column( child: Column(
mainAxisSize: MainAxisSize.max, mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.end, mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [ children: [
AnimatedContainer( AnimatedContainer(
//alignment: Alignment.center,
width: 250, width: 250,
height: 250, height: 250,
duration: const Duration(seconds: 2), duration: const Duration(seconds: 2),
child: Material( child: Material(
color: mainC, color: mainC,
elevation: 10, // shadowColor:
// MzanziInnovationHub.of(context)!.theme.secondaryColor(),
// elevation: 5,
borderRadius: BorderRadius.circular(80), borderRadius: BorderRadius.circular(80),
child: InkWell( child: InkWell(
borderRadius: BorderRadius.circular(80), borderRadius: BorderRadius.circular(80),

View File

@@ -3,6 +3,7 @@ import 'dart:async';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter/services.dart'; import 'package:flutter/services.dart';
import 'package:flutter_swipe_detector/flutter_swipe_detector.dart'; import 'package:flutter_swipe_detector/flutter_swipe_detector.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:google_nav_bar/google_nav_bar.dart'; import 'package:google_nav_bar/google_nav_bar.dart';
import 'package:patient_manager/mih_apis/mih_location_api.dart'; import 'package:patient_manager/mih_apis/mih_location_api.dart';
import 'package:patient_manager/mih_components/mih_layout/mih_action.dart'; import 'package:patient_manager/mih_components/mih_layout/mih_action.dart';
@@ -86,7 +87,7 @@ class _MIHHomeState extends State<MIHHome> {
tileIcon: Icon( tileIcon: Icon(
Icons.perm_identity, Icons.perm_identity,
color: getSec(), color: getSec(),
size: 200, size: 230,
), ),
p: getPrim(), p: getPrim(),
s: getSec(), s: getSec(),
@@ -106,7 +107,7 @@ class _MIHHomeState extends State<MIHHome> {
tileIcon: Icon( tileIcon: Icon(
Icons.add_business_outlined, Icons.add_business_outlined,
color: getSec(), color: getSec(),
size: 200, size: 230,
), ),
p: getPrim(), p: getPrim(),
s: getSec(), s: getSec(),
@@ -125,7 +126,7 @@ class _MIHHomeState extends State<MIHHome> {
}, },
tileName: "Mzansi Profile", tileName: "Mzansi Profile",
tileIcon: Padding( tileIcon: Padding(
padding: const EdgeInsets.all(25.0), padding: const EdgeInsets.all(10.0),
child: Image(image: logo), child: Image(image: logo),
), ),
p: getPrim(), p: getPrim(),
@@ -138,11 +139,18 @@ class _MIHHomeState extends State<MIHHome> {
widget.signedInUser, null, null, null, "personal")); widget.signedInUser, null, null, null, "personal"));
}, },
tileName: "Patient Profile", tileName: "Patient Profile",
tileIcon: Icon( tileIcon: Center(
Icons.medication, child: FaIcon(
color: getSec(), FontAwesomeIcons.bookMedical,
size: 200, color: getSec(),
size: 200,
),
), ),
// Icon(
// Icons.medication,
// color: getSec(),
// size: 200,
// ),
p: getPrim(), p: getPrim(),
s: getSec(), s: getSec(),
)); ));
@@ -154,10 +162,18 @@ class _MIHHomeState extends State<MIHHome> {
); );
}, },
tileName: "Appointments", tileName: "Appointments",
tileIcon: Icon( tileIcon:
// Center(
// child: FaIcon(
// FontAwesomeIcons.calendarDays,
// color: getSec(),
// size: 200,
// ),
// ),
Icon(
Icons.calendar_month, Icons.calendar_month,
color: getSec(), color: getSec(),
size: 200, size: 230,
), ),
p: getPrim(), p: getPrim(),
s: getSec(), s: getSec(),
@@ -170,11 +186,18 @@ class _MIHHomeState extends State<MIHHome> {
); );
}, },
tileName: "Access", tileName: "Access",
tileIcon: Icon( tileIcon: Center(
Icons.check_box_outlined, child: FaIcon(
color: getSec(), FontAwesomeIcons.userCheck,
size: 200, color: getSec(),
size: 170,
),
), ),
// Icon(
// Icons.check_box_outlined,
// color: getSec(),
// size: 200,
// ),
p: getPrim(), p: getPrim(),
s: getSec(), s: getSec(),
)); ));
@@ -186,10 +209,18 @@ class _MIHHomeState extends State<MIHHome> {
); );
}, },
tileName: "About MIH", tileName: "About MIH",
tileIcon: Icon( tileIcon:
// Center(
// child: FaIcon(
// FontAwesomeIcons.circleInfo,
// color: getSec(),
// size: 200,
// ),
// ),
Icon(
Icons.info_outline, Icons.info_outline,
color: getSec(), color: getSec(),
size: 200, size: 230,
), ),
p: getPrim(), p: getPrim(),
s: getSec(), s: getSec(),
@@ -212,7 +243,7 @@ class _MIHHomeState extends State<MIHHome> {
tileIcon: Icon( tileIcon: Icon(
Icons.business, Icons.business,
color: getSec(), color: getSec(),
size: 200, size: 230,
), ),
p: getPrim(), p: getPrim(),
s: getSec(), s: getSec(),
@@ -248,7 +279,7 @@ class _MIHHomeState extends State<MIHHome> {
tileIcon: Icon( tileIcon: Icon(
Icons.medication, Icons.medication,
color: getSec(), color: getSec(),
size: 200, size: 230,
), ),
p: getPrim(), p: getPrim(),
s: getSec(), s: getSec(),
@@ -282,7 +313,7 @@ class _MIHHomeState extends State<MIHHome> {
tileIcon: Icon( tileIcon: Icon(
Icons.notifications, Icons.notifications,
color: getSec(), color: getSec(),
size: 200, size: 230,
), ),
p: getPrim(), p: getPrim(),
s: getSec(), s: getSec(),
@@ -300,7 +331,7 @@ class _MIHHomeState extends State<MIHHome> {
tileIcon: Icon( tileIcon: Icon(
Icons.change_circle, Icons.change_circle,
color: getSec(), color: getSec(),
size: 200, size: 230,
), ),
p: getPrim(), p: getPrim(),
s: getSec(), s: getSec(),
@@ -316,7 +347,7 @@ class _MIHHomeState extends State<MIHHome> {
tileIcon: Icon( tileIcon: Icon(
Icons.add_business_outlined, Icons.add_business_outlined,
color: getSec(), color: getSec(),
size: 200, size: 230,
), ),
p: getPrim(), p: getPrim(),
s: getSec(), s: getSec(),
@@ -330,7 +361,7 @@ class _MIHHomeState extends State<MIHHome> {
tileIcon: Icon( tileIcon: Icon(
Icons.add_circle_outline, Icons.add_circle_outline,
color: getSec(), color: getSec(),
size: 200, size: 230,
), ),
p: getPrim(), p: getPrim(),
s: getSec(), s: getSec(),
@@ -350,7 +381,7 @@ class _MIHHomeState extends State<MIHHome> {
tileIcon: Icon( tileIcon: Icon(
Icons.warning_amber_rounded, Icons.warning_amber_rounded,
color: getSec(), color: getSec(),
size: 200, size: 230,
), ),
p: getPrim(), p: getPrim(),
s: getSec(), s: getSec(),
@@ -375,7 +406,7 @@ class _MIHHomeState extends State<MIHHome> {
tileIcon: Icon( tileIcon: Icon(
Icons.error_outline_outlined, Icons.error_outline_outlined,
color: getSec(), color: getSec(),
size: 200, size: 230,
), ),
p: getPrim(), p: getPrim(),
s: getSec(), s: getSec(),
@@ -396,7 +427,7 @@ class _MIHHomeState extends State<MIHHome> {
tileIcon: Icon( tileIcon: Icon(
Icons.check_circle_outline_outlined, Icons.check_circle_outline_outlined,
color: getSec(), color: getSec(),
size: 200, size: 230,
), ),
p: getPrim(), p: getPrim(),
s: getSec(), s: getSec(),
@@ -416,7 +447,7 @@ class _MIHHomeState extends State<MIHHome> {
tileIcon: Icon( tileIcon: Icon(
Icons.delete_forever_outlined, Icons.delete_forever_outlined,
color: getSec(), color: getSec(),
size: 200, size: 230,
), ),
p: getPrim(), p: getPrim(),
s: getSec(), s: getSec(),
@@ -480,7 +511,7 @@ class _MIHHomeState extends State<MIHHome> {
tileIcon: Icon( tileIcon: Icon(
Icons.window, Icons.window,
color: getSec(), color: getSec(),
size: 200, size: 230,
), ),
p: getPrim(), p: getPrim(),
s: getSec(), s: getSec(),
@@ -499,7 +530,7 @@ class _MIHHomeState extends State<MIHHome> {
tileIcon: Icon( tileIcon: Icon(
Icons.location_pin, Icons.location_pin,
color: getSec(), color: getSec(),
size: 200, size: 230,
), ),
p: getPrim(), p: getPrim(),
s: getSec(), s: getSec(),