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 @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 {
), ),
), ),
) )
]), ],
),
); );
} }
} }