yaso_meth/mih-project
2
4
Fork 2
Code Issues 8 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

use new icons on tiles

Browse Source
This commit is contained in:
Yasien Mac Mini
2025-05-14 14:32:43 +02:00
parent c713d3e5e3
commit 6157397819
15 changed files with 140 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
Frontend/lib/mih_components/mih_package_components/mih_app_tile.dart
View File

@@ -50,72 +50,50 @@ class _MihAppTileState extends State<MihAppTile> {
@override
Widget build(BuildContext context) {
double borderRadius = widget.iconSize * 0.15;
return Container(
alignment: Alignment.topCenter,
// alignment: Alignment.topCenter,
// color: Colors.black,
// width: widget.iconSize,
// height: widget.iconSize + widget.iconSize / 3,
child: Column(
children: [
Flexible(
flex: 3,
child: LayoutBuilder(
builder: (context, constraints) {
double iconHeight = constraints.maxWidth;
return AnimatedContainer(
height: iconHeight,
duration: const Duration(seconds: 2),
child: Material(
color: widget.primaryColor,
// shadowColor:
// MzanziInnovationHub.of(context)!.theme.secondaryColor(),
// elevation: 5,
borderRadius: BorderRadius.circular(borderRadius),
child: InkWell(
borderRadius: BorderRadius.circular(borderRadius),
// ho
onTap: widget.onTap,
onLongPress: () {
displayHint();
},
// hoverDuration: ,
splashColor: MzanziInnovationHub.of(context)!
.theme
.highlightColor(),
highlightColor: MzanziInnovationHub.of(context)!
.theme
.highlightColor(),
child: FittedBox(
fit: BoxFit.fill,
alignment: Alignment.center,
child: widget.appIcon,
),
),
),
);
},
),
),
const SizedBox(height: 10),
Flexible(
flex: 1,
child: FittedBox(
child: Text(
widget.appName,
textAlign: TextAlign.center,
// softWrap: true,
// overflow: TextOverflow.visible,
style: TextStyle(
color:
MzanziInnovationHub.of(context)!.theme.secondaryColor(),
fontSize: 20.0,
fontWeight: FontWeight.bold,
),
child: GestureDetector(
onTap: widget.onTap,
onLongPress: null, // Do this later
child: Column(
children: [
Flexible(
flex: 3,
child: LayoutBuilder(
builder: (context, constraints) {
double iconHeight = constraints.maxWidth;
return Container(
width: iconHeight,
height: iconHeight,
child:
FittedBox(fit: BoxFit.fitHeight, child: widget.appIcon),
);
},
),
),
)
],
const SizedBox(height: 10),
Flexible(
flex: 1,
child: FittedBox(
child: Text(
widget.appName,
textAlign: TextAlign.center,
// softWrap: true,
// overflow: TextOverflow.visible,
style: TextStyle(
color:
MzanziInnovationHub.of(context)!.theme.secondaryColor(),
fontSize: 20.0,
fontWeight: FontWeight.bold,
),
),
),
)
],
),
),
);
}

2
Frontend/lib/mih_components/mih_package_components/mih_circle_avatar.dart
View File

@@ -78,7 +78,7 @@ class _MihCircleAvatarState extends State<MihCircleAvatar> {
fit: BoxFit.fill,
child: Icon(
size: widget.width,
MihIcons.mihCircleFrame,
MihIcons.mihRing,
color: widget.frameColor,
),
),

51
Frontend/lib/mih_components/mih_package_components/mih_icons.dart
View File

@@ -8,16 +8,49 @@ class MihIcons {
// Set to your package name ONLY if this font is part of a separate package you created
static const String? _mihFontPkg = null;
// IconData constant for 'mih_circle_frame' using its code 59392
// Note: We use lowerCamelCase for Dart variable names
static const IconData mihCircleFrame =
IconData(59393, fontFamily: _mihFontFam, fontPackage: _mihFontPkg);
// IconData constants based on your style.css file
// Note: We convert the hex code from CSS (\eXXX) to an integer (0xeXXX)
// IconData constant for 'mih_logo' using its code 59393
static const IconData aboutMih =
IconData(0xe900, fontFamily: _mihFontFam, fontPackage: _mihFontPkg);
static const IconData accessControl =
IconData(0xe901, fontFamily: _mihFontFam, fontPackage: _mihFontPkg);
static const IconData businessProfile =
IconData(0xe902, fontFamily: _mihFontFam, fontPackage: _mihFontPkg);
static const IconData calculator =
IconData(0xe903, fontFamily: _mihFontFam, fontPackage: _mihFontPkg);
static const IconData calendar =
IconData(0xe904, fontFamily: _mihFontFam, fontPackage: _mihFontPkg);
// Note: Updated codepoint for mih_logo based on CSS (\e905)
static const IconData mihLogo =
IconData(59392, fontFamily: _mihFontFam, fontPackage: _mihFontPkg);
IconData(0xe905, fontFamily: _mihFontFam, fontPackage: _mihFontPkg);
// IconData constant for 'mzansi_ai_logo' using its code 59394
static const IconData mzansiAiLogo =
IconData(59394, fontFamily: _mihFontFam, fontPackage: _mihFontPkg);
// Note: Updated codepoint and name for mzansi_ai based on CSS (\e906)
static const IconData mzansiAi =
IconData(0xe906, fontFamily: _mihFontFam, fontPackage: _mihFontPkg);
// Note: Added mzansi_wallet based on CSS (\e907)
static const IconData mzansiWallet =
IconData(0xe907, fontFamily: _mihFontFam, fontPackage: _mihFontPkg);
static const IconData patientManager =
IconData(0xe908, fontFamily: _mihFontFam, fontPackage: _mihFontPkg);
static const IconData patientProfile =
IconData(0xe909, fontFamily: _mihFontFam, fontPackage: _mihFontPkg);
// Added the new icon 'mih_ring' from your updated CSS (\e90a)
static const IconData mihRing =
IconData(0xe90a, fontFamily: _mihFontFam, fontPackage: _mihFontPkg);
static const IconData profileSetup =
IconData(0xe90c, fontFamily: _mihFontFam, fontPackage: _mihFontPkg);
static const IconData businessSetup =
IconData(0xe90b, fontFamily: _mihFontFam, fontPackage: _mihFontPkg);
}