fix: minor homeserver picker UI issues

- missing safe area preventing from choosing homeserver on notch devices
- low-accent black on grey

Signed-off-by: TheOneWithTheBraid <the-one@with-the-braid.cf>
This commit is contained in:
TheOneWithTheBraid 2022-12-24 19:46:36 +01:00
parent bb74754851
commit 68d45f825f
2 changed files with 35 additions and 23 deletions

View File

@ -13,7 +13,11 @@ class HomeserverAppBar extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return TextField( return Material(
color: Theme.of(context).appBarTheme.backgroundColor,
child: SafeArea(
bottom: false,
child: TextField(
focusNode: controller.homeserverFocusNode, focusNode: controller.homeserverFocusNode,
controller: controller.homeserverController, controller: controller.homeserverController,
onChanged: controller.onChanged, onChanged: controller.onChanged,
@ -32,6 +36,8 @@ class HomeserverAppBar extends StatelessWidget {
readOnly: !AppConfig.allowOtherHomeservers, readOnly: !AppConfig.allowOtherHomeservers,
onSubmitted: (_) => controller.checkHomeserverAction(), onSubmitted: (_) => controller.checkHomeserverAction(),
autocorrect: false, autocorrect: false,
),
),
); );
} }
} }

View File

@ -69,9 +69,11 @@ class HomeserverPickerView extends StatelessWidget {
.map( .map(
(server) => ListTile( (server) => ListTile(
trailing: IconButton( trailing: IconButton(
icon: const Icon( icon: Icon(
Icons.info_outlined, Icons.info_outlined,
color: Colors.black, color: Theme.of(context)
.colorScheme
.secondary,
), ),
onPressed: () => onPressed: () =>
controller.showServerInfo(server), controller.showServerInfo(server),
@ -80,13 +82,17 @@ class HomeserverPickerView extends StatelessWidget {
server.homeserver.baseUrl.host), server.homeserver.baseUrl.host),
title: Text( title: Text(
server.homeserver.baseUrl.host, server.homeserver.baseUrl.host,
style: const TextStyle( style: TextStyle(
color: Colors.black), color: Theme.of(context)
.colorScheme
.secondary,
),
), ),
subtitle: Text( subtitle: Text(
server.homeserver.description ?? '', server.homeserver.description ?? '',
style: TextStyle( style: TextStyle(
color: Colors.grey.shade700), color: Colors.grey.shade700,
),
), ),
), ),
) )