Matrix/fluffychat
Matrix/fluffychat
1
0
Fork 0
mirror of https://github.com/krille-chan/fluffychat synced 2024-10-05 15:52:44 +00:00
Code Issues Projects Releases Packages Wiki Activity

chore: Follow up message bubble design

Browse source
This commit is contained in:
krille-chan 2024-03-10 15:18:36 +01:00
parent 292e6c8834
commit 0387b955ed
No known key found for this signature in database
3 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
lib/config/app_config.dart
View file

@ -64,7 +64,7 @@ abstract class AppConfig {
static const String emojiFontName = 'Noto Emoji';
static const String emojiFontUrl =
'https://github.com/googlefonts/noto-emoji/';
static const double borderRadius = 16.0;
static const double borderRadius = 18.0;
static const double columnWidth = 360.0;
static final Uri homeserverList = Uri(
scheme: 'https',

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

@ -101,7 +101,7 @@ class Message extends StatelessWidget {
final textColor = ownMessage
? Theme.of(context).colorScheme.onPrimary
: Theme.of(context).colorScheme.onSurfaceVariant;
: Theme.of(context).colorScheme.onBackground;
final rowMainAxisAlignment =
ownMessage ? MainAxisAlignment.end : MainAxisAlignment.start;

14
lib/pages/chat/events/reply_content.dart
View file

@ -29,9 +29,15 @@ class ReplyContent extends StatelessWidget {
final displayEvent =
timeline != null ? replyEvent.getDisplayEvent(timeline) : replyEvent;
final fontSize = AppConfig.messageFontSize * AppConfig.fontSizeFactor;
final color = ownMessage
? Theme.of(context).colorScheme.primaryContainer
: Theme.of(context).colorScheme.primary;
return Material(
color: Theme.of(context).colorScheme.background.withOpacity(0.33),
color: Theme.of(context)
.colorScheme
.background
.withOpacity(ownMessage ? 0.2 : 0.33),
borderRadius: borderRadius,
child: Row(
mainAxisSize: MainAxisSize.min,
@ -39,7 +45,7 @@ class ReplyContent extends StatelessWidget {
Container(
width: 3,
height: fontSize * 2 + 16,
color: Theme.of(context).colorScheme.primary,
color: color,
),
const SizedBox(width: 6),
Flexible(
@ -56,7 +62,7 @@ class ReplyContent extends StatelessWidget {
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontWeight: FontWeight.bold,
color: Theme.of(context).colorScheme.primary,
color: color,
fontSize: fontSize,
),
);
@ -72,7 +78,7 @@ class ReplyContent extends StatelessWidget {
maxLines: 1,
style: TextStyle(
color: ownMessage
? Theme.of(context).colorScheme.onPrimaryContainer
? Theme.of(context).colorScheme.onPrimary
: Theme.of(context).colorScheme.onBackground,
fontSize: fontSize,
),