Merge pull request #654 from ente-io/top-bar-fix
Made search bar a little smaller
This commit is contained in:
commit
fb511c7747
4 changed files with 18 additions and 5 deletions
|
@ -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,
|
||||
|
|
|
@ -35,6 +35,7 @@ class _SearchSuffixIconState extends State<SearchSuffixIcon>
|
|||
),
|
||||
)
|
||||
: IconButton(
|
||||
visualDensity: const VisualDensity(horizontal: -1, vertical: -1),
|
||||
onPressed: () {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
|
|
|
@ -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),
|
||||
|
|
|
@ -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(
|
||||
|
|
Loading…
Add table
Reference in a new issue