Username and Icon now flexible

Nested username and icon within a flexible box
This commit is contained in:
Demizo 2022-09-01 23:37:14 -05:00
parent c439a526dd
commit 0ae0e196fd

View File

@ -148,28 +148,31 @@ class Sidebar extends HookConsumerWidget {
child: CircularProgressIndicator(), child: CircularProgressIndicator(),
) )
else if (data != null) else if (data != null)
Row( Flexible(
children: [ child: Row(
CircleAvatar( mainAxisAlignment:
backgroundImage: MainAxisAlignment.spaceEvenly,
CachedNetworkImageProvider(avatarImg), children: [
), CircleAvatar(
const SizedBox( backgroundImage:
width: 10, CachedNetworkImageProvider(avatarImg),
), ),
SizedBox( const SizedBox(
width: 120, width: 10,
child: Text( ),
data.displayName ?? "Guest", Flexible(
maxLines: 1, child: Text(
softWrap: false, data.displayName ?? "Guest",
overflow: TextOverflow.fade, maxLines: 1,
style: const TextStyle( softWrap: false,
fontWeight: FontWeight.bold, overflow: TextOverflow.fade,
style: const TextStyle(
fontWeight: FontWeight.bold,
),
), ),
), ),
), ],
], ),
), ),
IconButton( IconButton(
icon: const Icon(Icons.settings_outlined), icon: const Icon(Icons.settings_outlined),