diff --git a/lib/ui/home/memories/memories_widget.dart b/lib/ui/home/memories/memories_widget.dart index 19a1a4126..7919471c6 100644 --- a/lib/ui/home/memories/memories_widget.dart +++ b/lib/ui/home/memories/memories_widget.dart @@ -64,7 +64,7 @@ class _MemoriesWidgetState extends State { final collatedMemories = _collateMemories(memories); return SizedBox( - height: 125 + MemoryCoverWidgetNew.centerStrokeWidth * 2, + height: 125, child: ListView.builder( physics: const BouncingScrollPhysics(), scrollDirection: Axis.horizontal, diff --git a/lib/ui/home/memories/memory_cover_widget_new.dart b/lib/ui/home/memories/memory_cover_widget_new.dart index 05b7b2f63..37aa3b924 100644 --- a/lib/ui/home/memories/memory_cover_widget_new.dart +++ b/lib/ui/home/memories/memory_cover_widget_new.dart @@ -10,7 +10,7 @@ class MemoryCoverWidgetNew extends StatefulWidget { final List memories; final ScrollController controller; final double offsetOfItem; - static const centerStrokeWidth = 0.5; + static const centerStrokeWidth = 1.0; const MemoryCoverWidgetNew({ required this.memories, @@ -37,6 +37,7 @@ class _MemoryCoverWidgetNewState extends State { final title = _getTitle(widget.memories[index]); final memory = widget.memories[index]; final isSeen = memory.isSeen(); + final currentTheme = MediaQuery.platformBrightnessOf(context); return AnimatedBuilder( animation: widget.controller, @@ -71,9 +72,12 @@ class _MemoryCoverWidgetNewState extends State { boxShadow: [ BoxShadow( color: isSeen - ? Colors.transparent + ? currentTheme == Brightness.dark + ? const Color.fromRGBO(104, 104, 104, 0.32) + : Colors.transparent : const Color.fromRGBO(1, 222, 77, 0.11), - spreadRadius: MemoryCoverWidgetNew.centerStrokeWidth, + spreadRadius: + MemoryCoverWidgetNew.centerStrokeWidth / 2, blurRadius: 0, ), const BoxShadow( @@ -91,18 +95,24 @@ class _MemoryCoverWidgetNewState extends State { alignment: Alignment.bottomCenter, children: [ child!, - isSeen - ? const SizedBox.shrink() - : Container( - decoration: BoxDecoration( - border: Border.all( - color: - const Color.fromRGBO(1, 222, 77, 0.11), - width: - MemoryCoverWidgetNew.centerStrokeWidth, - ), - ), - ), + Container( + decoration: BoxDecoration( + border: Border.all( + color: isSeen + ? currentTheme == Brightness.dark + ? const Color.fromRGBO( + 104, + 104, + 104, + 0.32, + ) + : Colors.transparent + : const Color.fromRGBO(1, 222, 77, 0.11), + width: MemoryCoverWidgetNew.centerStrokeWidth / 2, + ), + borderRadius: BorderRadius.circular(5), + ), + ), Container( decoration: BoxDecoration( gradient: LinearGradient(