UX Fix: Field addition button removed from mobile

This commit is contained in:
Ashita Prasad
2025-05-10 00:43:50 +05:30
parent ce219ddd42
commit 17c3c8a793
4 changed files with 70 additions and 66 deletions

View File

@@ -185,7 +185,7 @@ class _FormDataBodyState extends ConsumerState<FormDataWidget> {
return Stack(
children: [
Container(
margin: kP10,
margin: kPh10t10,
child: Column(
children: [
Expanded(
@@ -205,27 +205,28 @@ class _FormDataBodyState extends ConsumerState<FormDataWidget> {
),
),
),
kVSpacer40,
if (!kIsMobile) kVSpacer40,
],
),
),
Align(
alignment: Alignment.bottomCenter,
child: Padding(
padding: kPb15,
child: ElevatedButton.icon(
onPressed: () {
formRows.add(kFormDataEmptyModel);
_onFieldChange();
},
icon: const Icon(Icons.add),
label: const Text(
kLabelAddFormField,
style: kTextStyleButton,
if (!kIsMobile)
Align(
alignment: Alignment.bottomCenter,
child: Padding(
padding: kPb15,
child: ElevatedButton.icon(
onPressed: () {
formRows.add(kFormDataEmptyModel);
_onFieldChange();
},
icon: const Icon(Icons.add),
label: const Text(
kLabelAddFormField,
style: kTextStyleButton,
),
),
),
),
),
],
);
}

View File

@@ -178,7 +178,7 @@ class EditRequestHeadersState extends ConsumerState<EditRequestHeaders> {
return Stack(
children: [
Container(
margin: kP10,
margin: kPh10t10,
child: Column(
children: [
Expanded(
@@ -198,28 +198,29 @@ class EditRequestHeadersState extends ConsumerState<EditRequestHeaders> {
),
),
),
kVSpacer40,
if (!kIsMobile) kVSpacer40,
],
),
),
Align(
alignment: Alignment.bottomCenter,
child: Padding(
padding: kPb15,
child: ElevatedButton.icon(
onPressed: () {
headerRows.add(kNameValueEmptyModel);
isRowEnabledList.add(false);
_onFieldChange();
},
icon: const Icon(Icons.add),
label: const Text(
kLabelAddHeader,
style: kTextStyleButton,
if (!kIsMobile)
Align(
alignment: Alignment.bottomCenter,
child: Padding(
padding: kPb15,
child: ElevatedButton.icon(
onPressed: () {
headerRows.add(kNameValueEmptyModel);
isRowEnabledList.add(false);
_onFieldChange();
},
icon: const Icon(Icons.add),
label: const Text(
kLabelAddHeader,
style: kTextStyleButton,
),
),
),
),
),
],
);
}

View File

@@ -178,7 +178,7 @@ class EditRequestURLParamsState extends ConsumerState<EditRequestURLParams> {
return Stack(
children: [
Container(
margin: kP10,
margin: kPh10t10,
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
@@ -199,28 +199,29 @@ class EditRequestURLParamsState extends ConsumerState<EditRequestURLParams> {
),
),
),
kVSpacer40,
if (!kIsMobile) kVSpacer40,
],
),
),
Align(
alignment: Alignment.bottomCenter,
child: Padding(
padding: kPb15,
child: ElevatedButton.icon(
onPressed: () {
paramRows.add(kNameValueEmptyModel);
isRowEnabledList.add(false);
_onFieldChange();
},
icon: const Icon(Icons.add),
label: const Text(
kLabelAddParam,
style: kTextStyleButton,
if (!kIsMobile)
Align(
alignment: Alignment.bottomCenter,
child: Padding(
padding: kPb15,
child: ElevatedButton.icon(
onPressed: () {
paramRows.add(kNameValueEmptyModel);
isRowEnabledList.add(false);
_onFieldChange();
},
icon: const Icon(Icons.add),
label: const Text(
kLabelAddParam,
style: kTextStyleButton,
),
),
),
),
),
],
);
}