Apply a max width to search box
This commit is contained in:
parent
fb1b95ebc5
commit
b826c92a8f
@ -9,7 +9,10 @@ class _SearchInput extends StatelessWidget {
|
|||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return LayoutBuilder(
|
return LayoutBuilder(
|
||||||
builder: (ctx, constraints) => Autocomplete<String>(
|
builder: (ctx, constraints) => Center(
|
||||||
|
child: SizedBox(
|
||||||
|
width: $styles.sizes.maxContentWidth,
|
||||||
|
child: Autocomplete<String>(
|
||||||
displayStringForOption: (data) => data,
|
displayStringForOption: (data) => data,
|
||||||
onSelected: onSubmit,
|
onSelected: onSubmit,
|
||||||
optionsBuilder: _getSuggestions,
|
optionsBuilder: _getSuggestions,
|
||||||
@ -17,6 +20,8 @@ class _SearchInput extends StatelessWidget {
|
|||||||
_buildSuggestionsView(context, onSelected, results, constraints),
|
_buildSuggestionsView(context, onSelected, results, constraints),
|
||||||
fieldViewBuilder: _buildInput,
|
fieldViewBuilder: _buildInput,
|
||||||
),
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -107,7 +112,8 @@ class _SearchInput extends StatelessWidget {
|
|||||||
color: $styles.colors.offWhite,
|
color: $styles.colors.offWhite,
|
||||||
borderRadius: BorderRadius.circular($styles.insets.xs),
|
borderRadius: BorderRadius.circular($styles.insets.xs),
|
||||||
),
|
),
|
||||||
child: Row(children: [
|
child: Row(
|
||||||
|
children: [
|
||||||
Gap($styles.insets.xs * 1.5),
|
Gap($styles.insets.xs * 1.5),
|
||||||
Icon(Icons.search, color: $styles.colors.caption),
|
Icon(Icons.search, color: $styles.colors.caption),
|
||||||
Expanded(
|
Expanded(
|
||||||
@ -151,7 +157,8 @@ class _SearchInput extends StatelessWidget {
|
|||||||
),
|
),
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
]),
|
],
|
||||||
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user