Apply a max width to search box

This commit is contained in:
Shawn 2022-10-07 11:29:28 -06:00
parent fb1b95ebc5
commit b826c92a8f

View File

@ -9,7 +9,10 @@ class _SearchInput extends StatelessWidget {
@override
Widget build(BuildContext context) {
return LayoutBuilder(
builder: (ctx, constraints) => Autocomplete<String>(
builder: (ctx, constraints) => Center(
child: SizedBox(
width: $styles.sizes.maxContentWidth,
child: Autocomplete<String>(
displayStringForOption: (data) => data,
onSelected: onSubmit,
optionsBuilder: _getSuggestions,
@ -17,6 +20,8 @@ class _SearchInput extends StatelessWidget {
_buildSuggestionsView(context, onSelected, results, constraints),
fieldViewBuilder: _buildInput,
),
),
),
);
}
@ -107,7 +112,8 @@ class _SearchInput extends StatelessWidget {
color: $styles.colors.offWhite,
borderRadius: BorderRadius.circular($styles.insets.xs),
),
child: Row(children: [
child: Row(
children: [
Gap($styles.insets.xs * 1.5),
Icon(Icons.search, color: $styles.colors.caption),
Expanded(
@ -151,7 +157,8 @@ class _SearchInput extends StatelessWidget {
),
),
)
]),
],
),
);
}
}