Refactor EmployeeScreen to use Flexible widget for better layout and enhance project selection display with dropdown icon

This commit is contained in:
Vaibhav Surve 2025-05-16 16:38:43 +05:30
parent e460b97b43
commit b66878bc0d

View File

@ -72,7 +72,7 @@ class _EmployeeScreenState extends State<EmployeeScreen> with UIMixin {
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
Expanded( Flexible(
child: Container( child: Container(
decoration: BoxDecoration( decoration: BoxDecoration(
border: Border.all( border: Border.all(
@ -120,8 +120,13 @@ class _EmployeeScreenState extends State<EmployeeScreen> with UIMixin {
child: Padding( child: Padding(
padding: const EdgeInsets.symmetric( padding: const EdgeInsets.symmetric(
horizontal: 12.0, vertical: 8.0), horizontal: 12.0, vertical: 8.0),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Flexible(
child: Text( child: Text(
employeesScreenController.selectedProjectId == employeesScreenController
.selectedProjectId ==
null null
? 'All Employees' ? 'All Employees'
: employeesScreenController.projects : employeesScreenController.projects
@ -130,9 +135,18 @@ class _EmployeeScreenState extends State<EmployeeScreen> with UIMixin {
employeesScreenController employeesScreenController
.selectedProjectId) .selectedProjectId)
.name, .name,
overflow: TextOverflow overflow: TextOverflow.ellipsis,
.ellipsis, style: const TextStyle(
style: TextStyle(fontWeight: FontWeight.w600), fontWeight: FontWeight.w600),
),
),
const SizedBox(width: 4),
const Icon(
Icons.arrow_drop_down,
size: 20,
color: Colors.black,
),
],
), ),
), ),
), ),