fix(mobile): Misaligned text icon in circle avatar (#15683)

style(mobile): Use `DefaultTextStyle` for the text icon in `CircleAvatar`
immich-app · Jan 26, 2025 · f780a56 · f780a56
1 parent 7bbffcc
commit f780a56
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/mobile/lib/widgets/common/user_circle_avatar.dart b/mobile/lib/widgets/common/user_circle_avatar.dart
@@ -28,15 +28,15 @@ class UserCircleAvatar extends ConsumerWidget {
     final profileImageUrl =
         '${Store.get(StoreKey.serverEndpoint)}/users/${user.id}/profile-image?d=${Random().nextInt(1024)}';
 
-    final textIcon = Text(
-      user.name[0].toUpperCase(),
+    final textIcon = DefaultTextStyle(
       style: TextStyle(
         fontWeight: FontWeight.bold,
         fontSize: 12,
         color: isDarkTheme && user.avatarColor == AvatarColorEnum.primary
             ? Colors.black
             : Colors.white,
       ),
+      child: Text(user.name[0].toUpperCase()),
     );
     return CircleAvatar(
       backgroundColor: user.avatarColor.toColor(),