ember/fluffychat
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: Follow up input bar design

Browse source
This commit is contained in:
Krille 2024-03-27 07:54:21 +01:00
parent 20fd4dcf59
commit 7183158cf9
No known key found for this signature in database
GPG key ID: E067ECD60F1A0652
3 changed files with 25 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
lib/pages/chat/chat_input_row.dart
View file

@ -266,6 +266,7 @@ class ChatInputRow extends StatelessWidget {
),
Container(
height: height,
width: height,
alignment: Alignment.center,
child: AnimatedCrossFade(
crossFadeState: PlatformInfos.platformCanRecord &&
@ -274,19 +275,32 @@ class ChatInputRow extends StatelessWidget {
: CrossFadeState.showSecond,
duration: FluffyThemes.animationDuration,
sizeCurve: FluffyThemes.animationCurve,
firstChild: IconButton(
firstChild: FloatingActionButton.small(
tooltip: L10n.of(context)!.voiceMessage,
onPressed: controller.voiceMessageAction,
icon: const Icon(Icons.mic_none_outlined),
elevation: 0,
heroTag: null,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(height),
),
backgroundColor: Theme.of(context).colorScheme.primary,
foregroundColor: Theme.of(context).colorScheme.onPrimary,
child: const Icon(Icons.mic_none_outlined),
),
secondChild: IconButton(
secondChild: FloatingActionButton.small(
tooltip: L10n.of(context)!.voiceMessage,
onPressed: controller.send,
icon: const Icon(Icons.send_outlined),
elevation: 0,
heroTag: null,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(height),
),
backgroundColor: Theme.of(context).colorScheme.secondary,
foregroundColor: Theme.of(context).colorScheme.onSecondary,
child: const Icon(Icons.send_outlined),
),
),
),
const SizedBox(width: 4),
],
);
}

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

@ -285,15 +285,9 @@ class ChatView extends StatelessWidget {
clipBehavior: Clip.hardEdge,
color: Theme.of(context)
.colorScheme
.onInverseSurface
.withOpacity(0.9),
shape: RoundedRectangleBorder(
borderRadius: const BorderRadius.all(
Radius.circular(24),
),
side: BorderSide(
color: Theme.of(context).dividerColor,
),
.surfaceVariant,
borderRadius: const BorderRadius.all(
Radius.circular(24),
),
child: controller.room.isAbandonedDMRoom == true
? Row(

9
lib/pages/chat/events/state_message.dart
View file

@ -13,15 +13,12 @@ class StateMessage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.symmetric(
horizontal: 8.0,
vertical: 4.0,
),
padding: const EdgeInsets.symmetric(horizontal: 8.0),
child: Center(
child: Container(
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.onInverseSurface,
color: Theme.of(context).colorScheme.background,
borderRadius: BorderRadius.circular(AppConfig.borderRadius / 2),
),
child: FutureBuilder<String>(
@ -34,7 +31,7 @@ class StateMessage extends StatelessWidget {
),
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 14 * AppConfig.fontSizeFactor,
fontSize: 13 * AppConfig.fontSizeFactor,
color: Theme.of(context).colorScheme.onSecondaryContainer,
decoration:
event.redacted ? TextDecoration.lineThrough : null,