2ndbeam/fluffychat-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

design: Slightly adjust chat design

Browse source
This commit is contained in:
krille-chan 2023-07-22 11:11:35 +02:00
commit c4bc626b09
No known key found for this signature in database
5 changed files with 81 additions and 83 deletions
Download patch file Download diff file Expand all files Collapse all files

10
lib/pages/chat/chat_view.dart
View file

@ -168,7 +168,6 @@ class ChatView extends StatelessWidget {
builder: (BuildContext context, snapshot) {
return Scaffold(
appBar: AppBar(
elevation: 3,
actionsIconTheme: IconThemeData(
color: controller.selectedEvents.isEmpty
? null
@ -215,15 +214,6 @@ class ChatView extends StatelessWidget {
height: double.infinity,
fit: BoxFit.cover,
filterQuality: FilterQuality.medium,
)
else
Container(
decoration: BoxDecoration(
gradient: FluffyThemes.backgroundGradient(
context,
64,
),
),
),
SafeArea(
child: Column(

21
lib/pages/chat/events/message.dart
View file

@ -86,7 +86,7 @@ class Message extends StatelessWidget {
nextEvent!.senderId == event.senderId &&
!displayTime;
final textColor = ownMessage
? Theme.of(context).colorScheme.onPrimary
? Theme.of(context).colorScheme.onPrimaryContainer
: Theme.of(context).colorScheme.onBackground;
final rowMainAxisAlignment =
ownMessage ? MainAxisAlignment.end : MainAxisAlignment.start;
@ -116,7 +116,7 @@ class Message extends StatelessWidget {
if (ownMessage) {
color = displayEvent.status.isError
? Colors.redAccent
: Theme.of(context).colorScheme.primary;
: Theme.of(context).colorScheme.primaryContainer;
}
final rowChildren = <Widget>[
@ -187,9 +187,15 @@ class Message extends StatelessWidget {
padding: const EdgeInsets.only(left: 8),
child: Material(
color: noBubble ? Colors.transparent : color,
elevation: event.type == EventTypes.Sticker ? 0 : 4,
shadowColor: Colors.black.withAlpha(64),
borderRadius: borderRadius,
shape: RoundedRectangleBorder(
borderRadius: borderRadius,
side: noBubble
? BorderSide.none
: BorderSide(
color: Theme.of(context).dividerTheme.color ??
Theme.of(context).dividerColor,
),
),
clipBehavior: Clip.antiAlias,
child: InkWell(
onHover: (b) => useMouse = true,
@ -205,7 +211,10 @@ class Message extends StatelessWidget {
),
padding: noBubble || noPadding
? EdgeInsets.zero
: EdgeInsets.all(16 * AppConfig.bubbleSizeFactor),
: EdgeInsets.symmetric(
horizontal: 16 * AppConfig.bubbleSizeFactor,
vertical: 8 * AppConfig.bubbleSizeFactor,
),
constraints: const BoxConstraints(
maxWidth: FluffyThemes.columnWidth * 1.5,
),