MVP #141
@@ -70,7 +70,11 @@ class _CreateGroupViewState extends State<CreateGroupView> {
|
|||||||
decoration: InputDecoration(
|
decoration: InputDecoration(
|
||||||
filled: true,
|
filled: true,
|
||||||
fillColor: CustomTheme.boxColor,
|
fillColor: CustomTheme.boxColor,
|
||||||
hint: Text("Group name", style: TextStyle(fontSize: 18)),
|
hint: Text(
|
||||||
|
"Group name",
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
style: TextStyle(fontSize: 18),
|
||||||
|
),
|
||||||
enabledBorder: OutlineInputBorder(
|
enabledBorder: OutlineInputBorder(
|
||||||
borderRadius: BorderRadius.all(Radius.circular(12)),
|
borderRadius: BorderRadius.all(Radius.circular(12)),
|
||||||
borderSide: BorderSide(color: CustomTheme.boxBorder),
|
borderSide: BorderSide(color: CustomTheme.boxBorder),
|
||||||
@@ -161,13 +165,16 @@ class _CreateGroupViewState extends State<CreateGroupView> {
|
|||||||
mainAxisSize: MainAxisSize.min,
|
mainAxisSize: MainAxisSize.min,
|
||||||
children: [
|
children: [
|
||||||
SizedBox(width: 12),
|
SizedBox(width: 12),
|
||||||
Text(
|
Flexible(
|
||||||
|
child: Text(
|
||||||
selectedPlayer.name,
|
selectedPlayer.name,
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
style: const TextStyle(
|
style: const TextStyle(
|
||||||
fontSize: 14,
|
fontSize: 14,
|
||||||
fontWeight: FontWeight.w500,
|
fontWeight: FontWeight.w500,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
),
|
||||||
SizedBox(width: 3),
|
SizedBox(width: 3),
|
||||||
GestureDetector(
|
GestureDetector(
|
||||||
child: const Icon(Icons.close, size: 20),
|
child: const Icon(Icons.close, size: 20),
|
||||||
@@ -277,13 +284,16 @@ class _CreateGroupViewState extends State<CreateGroupView> {
|
|||||||
MainAxisAlignment.spaceBetween,
|
MainAxisAlignment.spaceBetween,
|
||||||
mainAxisSize: MainAxisSize.max,
|
mainAxisSize: MainAxisSize.max,
|
||||||
children: [
|
children: [
|
||||||
Text(
|
Flexible(
|
||||||
|
child: Text(
|
||||||
suggestedPlayers[index].name,
|
suggestedPlayers[index].name,
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
style: TextStyle(
|
style: TextStyle(
|
||||||
fontSize: 16,
|
fontSize: 16,
|
||||||
fontWeight: FontWeight.w500,
|
fontWeight: FontWeight.w500,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
),
|
||||||
IconButton(
|
IconButton(
|
||||||
icon: Icon(Icons.add, size: 20),
|
icon: Icon(Icons.add, size: 20),
|
||||||
onPressed: () {
|
onPressed: () {
|
||||||
|
|||||||
@@ -24,7 +24,8 @@ class GroupTile extends StatelessWidget {
|
|||||||
Row(
|
Row(
|
||||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
children: [
|
children: [
|
||||||
Text(
|
Flexible(
|
||||||
|
child: Text(
|
||||||
group.name,
|
group.name,
|
||||||
overflow: TextOverflow.ellipsis,
|
overflow: TextOverflow.ellipsis,
|
||||||
style: const TextStyle(
|
style: const TextStyle(
|
||||||
@@ -32,7 +33,9 @@ class GroupTile extends StatelessWidget {
|
|||||||
fontSize: 18,
|
fontSize: 18,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
const Spacer(),
|
),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
Text(
|
Text(
|
||||||
'${group.members.length}',
|
'${group.members.length}',
|
||||||
style: const TextStyle(
|
style: const TextStyle(
|
||||||
@@ -44,6 +47,8 @@ class GroupTile extends StatelessWidget {
|
|||||||
const Icon(Icons.group, size: 22),
|
const Icon(Icons.group, size: 22),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
const SizedBox(height: 5),
|
const SizedBox(height: 5),
|
||||||
Wrap(
|
Wrap(
|
||||||
alignment: WrapAlignment.start,
|
alignment: WrapAlignment.start,
|
||||||
@@ -64,6 +69,7 @@ class GroupTile extends StatelessWidget {
|
|||||||
child: Skeleton.ignore(
|
child: Skeleton.ignore(
|
||||||
child: Text(
|
child: Text(
|
||||||
member.name,
|
member.name,
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
style: const TextStyle(
|
style: const TextStyle(
|
||||||
fontSize: 14,
|
fontSize: 14,
|
||||||
fontWeight: FontWeight.bold,
|
fontWeight: FontWeight.bold,
|
||||||
|
|||||||
Reference in New Issue
Block a user