feat: Improve design

This commit is contained in:
Christian Pauly 2020-09-20 14:14:46 +02:00
parent 9cccd07643
commit c8a63c6d9d
3 changed files with 30 additions and 24 deletions

View file

@ -30,6 +30,7 @@ class PresenceListItem extends StatelessWidget {
Matrix.of(context).client.presences[room.directChatMatrixID]; Matrix.of(context).client.presences[room.directChatMatrixID];
final hasStatus = presence?.presence?.statusMsg != null; final hasStatus = presence?.presence?.statusMsg != null;
return InkWell( return InkWell(
borderRadius: BorderRadius.circular(8),
onTap: () => presence?.presence?.statusMsg == null onTap: () => presence?.presence?.statusMsg == null
? _startChatAction(context, user.id) ? _startChatAction(context, user.id)
: showDialog( : showDialog(
@ -41,10 +42,10 @@ class PresenceListItem extends StatelessWidget {
), ),
), ),
child: Container( child: Container(
width: 80, width: 76,
child: Column( child: Column(
children: <Widget>[ children: <Widget>[
SizedBox(height: 16), SizedBox(height: 10),
Container( Container(
child: Stack( child: Stack(
children: [ children: [

View file

@ -289,7 +289,7 @@ class _ChatListState extends State<ChatList> {
), ),
), ),
appBar: AppBar( appBar: AppBar(
//elevation: _scrolledToTop ? 0 : null, elevation: _scrolledToTop ? 0 : null,
leading: selectMode != SelectMode.share leading: selectMode != SelectMode.share
? null ? null
: IconButton( : IconButton(
@ -303,12 +303,16 @@ class _ChatListState extends State<ChatList> {
: Padding( : Padding(
padding: padding:
EdgeInsets.only(top: 8, bottom: 8, right: 8), EdgeInsets.only(top: 8, bottom: 8, right: 8),
child: Material(
color: Theme.of(context).secondaryHeaderColor,
borderRadius: BorderRadius.circular(32),
child: TextField( child: TextField(
autocorrect: false, autocorrect: false,
controller: searchController, controller: searchController,
focusNode: _searchFocusNode, focusNode: _searchFocusNode,
decoration: InputDecoration( decoration: InputDecoration(
contentPadding: EdgeInsets.all(9), contentPadding: EdgeInsets.symmetric(
vertical: 9, horizontal: 16),
border: InputBorder.none, border: InputBorder.none,
hintText: L10n.of(context).searchForAChat, hintText: L10n.of(context).searchForAChat,
suffixIcon: searchMode suffixIcon: searchMode
@ -324,6 +328,7 @@ class _ChatListState extends State<ChatList> {
), ),
), ),
), ),
),
floatingActionButton: floatingActionButton:
(AdaptivePageLayout.columnMode(context) || (AdaptivePageLayout.columnMode(context) ||
selectMode == SelectMode.share) selectMode == SelectMode.share)
@ -434,9 +439,9 @@ class _ChatListState extends State<ChatList> {
? Container() ? Container()
: PreferredSize( : PreferredSize(
preferredSize: preferredSize:
Size.fromHeight(90), Size.fromHeight(82),
child: Container( child: Container(
height: 82, height: 78,
child: child:
ListView.builder( ListView.builder(
scrollDirection: scrollDirection:

View file

@ -3,16 +3,16 @@ import 'package:fluffychat/components/adaptive_page_layout.dart';
import 'package:fluffychat/components/avatar.dart'; import 'package:fluffychat/components/avatar.dart';
import 'package:fluffychat/components/dialogs/simple_dialogs.dart'; import 'package:fluffychat/components/dialogs/simple_dialogs.dart';
import 'package:fluffychat/l10n/l10n.dart'; import 'package:fluffychat/l10n/l10n.dart';
import 'package:fluffychat/views/settings.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import '../components/matrix.dart'; import '../components/matrix.dart';
import 'chat_list.dart';
class SettingsIgnoreListView extends StatelessWidget { class SettingsIgnoreListView extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return AdaptivePageLayout( return AdaptivePageLayout(
primaryPage: FocusPage.SECOND, primaryPage: FocusPage.SECOND,
firstScaffold: Settings(), firstScaffold: ChatList(),
secondScaffold: SettingsIgnoreList(), secondScaffold: SettingsIgnoreList(),
); );
} }