opt mobile chat page style

Signed-off-by: 21pages <pages21@163.com>
This commit is contained in:
21pages 2023-05-29 09:44:38 +08:00
parent 7739946177
commit 3ec13714c9
2 changed files with 22 additions and 24 deletions

View File

@ -47,7 +47,6 @@ class ChatPage extends StatelessWidget implements PageShape {
value: chatModel, value: chatModel,
child: Container( child: Container(
color: Theme.of(context).scaffoldBackgroundColor, color: Theme.of(context).scaffoldBackgroundColor,
padding: EdgeInsets.all(14.0),
child: Consumer<ChatModel>( child: Consumer<ChatModel>(
builder: (context, chatModel, child) { builder: (context, chatModel, child) {
final currentUser = chatModel.currentUser; final currentUser = chatModel.currentUser;
@ -76,27 +75,20 @@ class ChatPage extends StatelessWidget implements PageShape {
fontSize: 14, fontSize: 14,
color: color:
Theme.of(context).textTheme.titleLarge?.color), Theme.of(context).textTheme.titleLarge?.color),
inputDecoration: isDesktop inputDecoration: InputDecoration(
? InputDecoration( isDense: true,
isDense: true, hintText: translate('Write a message'),
hintText: translate('Write a message'), filled: true,
filled: true, fillColor: Theme.of(context).colorScheme.background,
fillColor: contentPadding: EdgeInsets.all(10),
Theme.of(context).colorScheme.background, border: OutlineInputBorder(
contentPadding: EdgeInsets.all(10), borderRadius: BorderRadius.circular(10.0),
border: OutlineInputBorder( borderSide: const BorderSide(
borderRadius: BorderRadius.circular(10.0), width: 1,
borderSide: const BorderSide( style: BorderStyle.solid,
width: 1, ),
style: BorderStyle.solid, ),
), ),
),
)
: defaultInputDecoration(
hintText: translate('Write a message'),
fillColor:
Theme.of(context).colorScheme.background,
),
sendButtonBuilder: defaultSendButton( sendButtonBuilder: defaultSendButton(
padding: padding:
EdgeInsets.symmetric(horizontal: 6, vertical: 0), EdgeInsets.symmetric(horizontal: 6, vertical: 0),

View File

@ -71,13 +71,19 @@ class DraggableChatWindow extends StatelessWidget {
onPressed: () { onPressed: () {
chatModel.hideChatWindowOverlay(); chatModel.hideChatWindowOverlay();
}, },
icon: const Icon(Icons.keyboard_arrow_down)), icon: const Icon(
Icons.keyboard_arrow_down,
color: Colors.white,
)),
IconButton( IconButton(
onPressed: () { onPressed: () {
chatModel.hideChatWindowOverlay(); chatModel.hideChatWindowOverlay();
chatModel.hideChatIconOverlay(); chatModel.hideChatIconOverlay();
}, },
icon: const Icon(Icons.close)) icon: const Icon(
Icons.close,
color: Colors.white,
))
], ],
) )
], ],