diff --git a/sojorn_app/lib/screens/post/threaded_conversation_screen.dart b/sojorn_app/lib/screens/post/threaded_conversation_screen.dart index 0c0f946..47e6745 100644 --- a/sojorn_app/lib/screens/post/threaded_conversation_screen.dart +++ b/sojorn_app/lib/screens/post/threaded_conversation_screen.dart @@ -205,7 +205,6 @@ class _ThreadedConversationScreenState extends ConsumerState _navigateToPost(parentPost.id), + child: Container( + width: double.infinity, + decoration: BoxDecoration( + // Rounded top corners, flat bottom + borderRadius: const BorderRadius.only( + topLeft: Radius.circular(20), + topRight: Radius.circular(20), + ), + // Gradient from darker top to lighter bottom + gradient: LinearGradient( + begin: Alignment.topCenter, + end: Alignment.bottomCenter, + colors: [ + AppTheme.navyBlue.withValues(alpha: 0.25), // Darker at top + AppTheme.navyBlue.withValues(alpha: 0.12), // Lighter at bottom + Colors.transparent, // Fade to transparent + ], + stops: const [0.0, 0.6, 1.0], + ), + // Subtle border at the top + border: Border( + top: BorderSide( + color: AppTheme.brightNavy.withValues(alpha: 0.5), + width: 2, + ), + ), ), - ], - ), - child: Material( - color: Colors.transparent, - child: InkWell( - onTap: () => _navigateToPost(parentPost.id), - borderRadius: BorderRadius.circular(18), - child: Padding( - padding: const EdgeInsets.all(14), + child: Container( + padding: const EdgeInsets.fromLTRB(16, 16, 16, 12), child: Row( children: [ _buildCompactAvatar(parentPost), @@ -348,22 +356,33 @@ class _ThreadedConversationScreenState extends ConsumerState