Merge pull request #654 from ente-io/top-bar-fix

Made search bar a little smaller
This commit is contained in:
Ashil 2022-11-19 16:49:19 +05:30 committed by GitHub
commit fb511c7747
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 18 additions and 5 deletions

View file

@ -10,7 +10,7 @@ class NoResultWidget extends StatelessWidget {
Widget build(BuildContext context) {
return Container(
width: double.infinity,
margin: const EdgeInsets.only(top: 8),
margin: const EdgeInsets.only(top: 6),
padding: const EdgeInsets.symmetric(vertical: 16, horizontal: 12),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.searchResultsColor,

View file

@ -35,6 +35,7 @@ class _SearchSuffixIconState extends State<SearchSuffixIcon>
),
)
: IconButton(
visualDensity: const VisualDensity(horizontal: -1, vertical: -1),
onPressed: () {
Navigator.pop(context);
},

View file

@ -25,7 +25,7 @@ class SearchSuggestionsWidget extends StatelessWidget {
Widget build(BuildContext context) {
return SingleChildScrollView(
child: Container(
margin: const EdgeInsets.only(top: 8),
margin: const EdgeInsets.only(top: 6),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.searchResultsColor,
borderRadius: BorderRadius.circular(8),

View file

@ -73,12 +73,13 @@ class _SearchWidgetState extends State<SearchWidget> {
color: Theme.of(context).colorScheme.searchResultsBackgroundColor,
child: SafeArea(
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 4),
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
child: Column(
children: [
ClipRRect(
borderRadius: BorderRadius.circular(8),
child: Container(
height: 44,
color: Theme.of(context).colorScheme.defaultBackgroundColor,
child: TextFormField(
style: Theme.of(context).textTheme.subtitle1,
@ -91,8 +92,7 @@ class _SearchWidgetState extends State<SearchWidget> {
hintText: "Albums, months, days, years, ...",
filled: true,
contentPadding: const EdgeInsets.symmetric(
horizontal: 16,
vertical: 14,
vertical: 10,
),
border: const UnderlineInputBorder(
borderSide: BorderSide.none,
@ -100,6 +100,18 @@ class _SearchWidgetState extends State<SearchWidget> {
focusedBorder: const UnderlineInputBorder(
borderSide: BorderSide.none,
),
prefixIconConstraints: const BoxConstraints(
maxHeight: 44,
maxWidth: 44,
minHeight: 44,
minWidth: 44,
),
suffixIconConstraints: const BoxConstraints(
maxHeight: 44,
maxWidth: 44,
minHeight: 44,
minWidth: 44,
),
prefixIcon: Hero(
tag: "search_icon",
child: Icon(