chore: Follow up inputbar design

This commit is contained in:
Krille 2024-03-26 08:25:31 +01:00
commit 93f0ace3cf
No known key found for this signature in database
GPG key ID: E067ECD60F1A0652
2 changed files with 31 additions and 31 deletions

View file

@ -254,28 +254,28 @@ class ChatInputRow extends StatelessWidget {
), ),
), ),
), ),
if (PlatformInfos.platformCanRecord && Container(
controller.sendController.text.isEmpty) height: 56,
Container( alignment: Alignment.center,
height: 56, child: AnimatedCrossFade(
alignment: Alignment.center, crossFadeState: PlatformInfos.platformCanRecord &&
child: IconButton( controller.sendController.text.isEmpty
? CrossFadeState.showFirst
: CrossFadeState.showSecond,
duration: FluffyThemes.animationDuration,
sizeCurve: FluffyThemes.animationCurve,
firstChild: IconButton(
tooltip: L10n.of(context)!.voiceMessage, tooltip: L10n.of(context)!.voiceMessage,
icon: const Icon(Icons.mic_none_outlined),
onPressed: controller.voiceMessageAction, onPressed: controller.voiceMessageAction,
icon: const Icon(Icons.mic_none_outlined),
), ),
), secondChild: IconButton(
if (!PlatformInfos.isMobile || tooltip: L10n.of(context)!.voiceMessage,
controller.sendController.text.isNotEmpty)
Container(
height: 56,
alignment: Alignment.center,
child: IconButton(
icon: const Icon(Icons.send_outlined),
onPressed: controller.send, onPressed: controller.send,
tooltip: L10n.of(context)!.send, icon: const Icon(Icons.send_outlined),
), ),
), ),
),
], ],
); );
} }

View file

@ -283,24 +283,24 @@ class ChatView extends StatelessWidget {
), ),
alignment: Alignment.center, alignment: Alignment.center,
child: Material( child: Material(
borderRadius: const BorderRadius.only(
bottomLeft: Radius.circular(
AppConfig.borderRadius,
),
bottomRight: Radius.circular(
AppConfig.borderRadius,
),
),
clipBehavior: Clip.hardEdge, clipBehavior: Clip.hardEdge,
color: Theme.of(context).brightness == color: Theme.of(context).brightness ==
Brightness.light Brightness.light
? Colors.white ? Colors.white.withOpacity(0.95)
: Colors.black, : Colors.black.withOpacity(0.87),
elevation: 4.0, shape: RoundedRectangleBorder(
shadowColor: Theme.of(context) borderRadius: const BorderRadius.only(
.colorScheme bottomLeft: Radius.circular(
.onBackground AppConfig.borderRadius,
.withOpacity(0.33), ),
bottomRight: Radius.circular(
AppConfig.borderRadius,
),
),
side: BorderSide(
color: Theme.of(context).dividerColor,
),
),
child: controller.room.isAbandonedDMRoom == true child: controller.room.isAbandonedDMRoom == true
? Row( ? Row(
mainAxisAlignment: mainAxisAlignment: