From ac234d99ec203eeffccb08dbd7b7b27694532538 Mon Sep 17 00:00:00 2001 From: Max Date: Tue, 9 Sep 2025 14:23:47 +0800 Subject: [PATCH] Fix RecordingButton shape: Both states should be circular MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Correction based on user feedback: - Both idle and recording states use circular shape (BoxShape.circle) - Remove conditional rectangle shape logic - Keep color differentiation: blue for idle, red for recording - Maintain consistent circular InkWell ripple effect Design now correctly matches the mockup: 🔵 Blue circle (idle/ready to record) 🔴 Red circle (actively recording) Both buttons maintain the same circular shape with only color changes. --- lib/src/widgets/recording_button.dart | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/lib/src/widgets/recording_button.dart b/lib/src/widgets/recording_button.dart index 6ca1be8..1453446 100644 --- a/lib/src/widgets/recording_button.dart +++ b/lib/src/widgets/recording_button.dart @@ -216,8 +216,7 @@ class _RecordingButtonState extends State height: widget.size, decoration: BoxDecoration( color: buttonColor, - shape: _isListening ? BoxShape.rectangle : BoxShape.circle, - borderRadius: _isListening ? BorderRadius.circular(12) : null, + shape: BoxShape.circle, boxShadow: [ BoxShadow( color: buttonColor.withValues(alpha: 0.3),