From f9302b0d82092005e02c866b7dabe540ef050509 Mon Sep 17 00:00:00 2001
From: Tommy Chow <tommyxchow@gmail.com>
Date: Sat, 7 Feb 2026 15:39:29 -0800
Subject: [PATCH] replace BackdropFilter with solid container on stream card
 badge, remove AnimatedContainer from BlurredContainer

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 lib/screens/home/stream_list/stream_card.dart | 38 +++++++++----------
 lib/widgets/blurred_container.dart            |  3 +-
 2 files changed, 20 insertions(+), 21 deletions(-)

diff --git a/lib/screens/home/stream_list/stream_card.dart b/lib/screens/home/stream_list/stream_card.dart
index 72ebc4cb..24f26de6 100644
--- a/lib/screens/home/stream_list/stream_card.dart
+++ b/lib/screens/home/stream_list/stream_card.dart
@@ -9,7 +9,6 @@ import 'package:frosty/screens/settings/stores/auth_store.dart';
 import 'package:frosty/theme.dart';
 import 'package:frosty/utils.dart';
 import 'package:frosty/utils/modal_bottom_sheet.dart';
-import 'package:frosty/widgets/blurred_container.dart';
 import 'package:frosty/widgets/frosty_cached_network_image.dart';
 import 'package:frosty/widgets/frosty_photo_view_dialog.dart';
 import 'package:frosty/widgets/profile_picture.dart';
@@ -98,24 +97,25 @@ class StreamCard extends StatelessWidget {
           ),
           Container(
             margin: const EdgeInsets.all(3),
-            decoration: BoxDecoration(borderRadius: BorderRadius.circular(6)),
-            clipBehavior: Clip.antiAlias,
-            child: BlurredContainer(
-              padding: const EdgeInsets.symmetric(horizontal: 4, vertical: 1),
-              sigmaX: 8.0, // Less blur for subtlety
-              sigmaY: 8.0, // Less blur for subtlety
-              forceDarkMode: true,
-              child: Uptime(
-                startTime: streamInfo.startedAt,
-                style: TextStyle(
-                  fontSize: 12,
-                  fontWeight: FontWeight.w500,
-                  color: context
-                      .watch<FrostyThemes>()
-                      .dark
-                      .colorScheme
-                      .onSurface,
-                ),
+            padding: const EdgeInsets.symmetric(horizontal: 4, vertical: 1),
+            decoration: BoxDecoration(
+              color: Colors.black.withValues(alpha: 0.55),
+              borderRadius: BorderRadius.circular(6),
+              border: Border.all(
+                color: Colors.white.withValues(alpha: 0.08),
+                width: 0.5,
+              ),
+            ),
+            child: Uptime(
+              startTime: streamInfo.startedAt,
+              style: TextStyle(
+                fontSize: 12,
+                fontWeight: FontWeight.w500,
+                color: context
+                    .watch<FrostyThemes>()
+                    .dark
+                    .colorScheme
+                    .onSurface,
               ),
             ),
           ),
diff --git a/lib/widgets/blurred_container.dart b/lib/widgets/blurred_container.dart
index 412805b6..d214c9f9 100644
--- a/lib/widgets/blurred_container.dart
+++ b/lib/widgets/blurred_container.dart
@@ -111,8 +111,7 @@ class BlurredContainer extends StatelessWidget {
           sigmaX: sigmaX ?? BlurConfig.sigmaX,
           sigmaY: sigmaY ?? BlurConfig.sigmaY,
         ),
-        child: AnimatedContainer(
-          duration: const Duration(milliseconds: 200),
+        child: Container(
           padding: padding,
           decoration: decoration,
           child: child,