From b6544825d8f95250b071e81d40d2e1e5d9077ba3 Mon Sep 17 00:00:00 2001 From: ashilkn Date: Fri, 12 Jan 2024 16:51:11 +0530 Subject: [PATCH] added border stroke to new MemoryCoverWidget --- lib/ui/home/memories/memories_widget.dart | 2 +- .../memories/memory_cover_widget_new.dart | 23 +++++++++++++++++-- 2 files changed, 22 insertions(+), 3 deletions(-) diff --git a/lib/ui/home/memories/memories_widget.dart b/lib/ui/home/memories/memories_widget.dart index 1411d114c..5e7cc894f 100644 --- a/lib/ui/home/memories/memories_widget.dart +++ b/lib/ui/home/memories/memories_widget.dart @@ -73,7 +73,7 @@ class _MemoriesWidgetState extends State { ); } return SizedBox( - height: 125, + height: 125 + MemoryCoverWidgetNew.centerStrokeWidth * 2, 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 601bb70a0..30aad187e 100644 --- a/lib/ui/home/memories/memory_cover_widget_new.dart +++ b/lib/ui/home/memories/memory_cover_widget_new.dart @@ -10,6 +10,7 @@ class MemoryCoverWidgetNew extends StatefulWidget { final List memories; final ScrollController controller; final double offsetOfItem; + static const centerStrokeWidth = 0.5; const MemoryCoverWidgetNew({ required this.memories, @@ -61,9 +62,19 @@ class _MemoryCoverWidgetNewState extends State { }, child: Row( children: [ - SizedBox( + Container( height: 125 * scale, width: 85 * scale, + decoration: BoxDecoration( + boxShadow: const [ + BoxShadow( + color: Color.fromRGBO(1, 222, 77, 0.11), + spreadRadius: MemoryCoverWidgetNew.centerStrokeWidth, + blurRadius: 0, + ), + ], + borderRadius: BorderRadius.circular(5), + ), child: ClipRRect( borderRadius: BorderRadius.circular(5), child: Stack( @@ -71,6 +82,14 @@ class _MemoryCoverWidgetNewState extends State { alignment: Alignment.bottomCenter, children: [ child!, + Container( + decoration: BoxDecoration( + border: Border.all( + color: const Color.fromRGBO(1, 222, 77, 0.11), + width: MemoryCoverWidgetNew.centerStrokeWidth, + ), + ), + ), Container( decoration: BoxDecoration( gradient: LinearGradient( @@ -91,7 +110,7 @@ class _MemoryCoverWidgetNewState extends State { // stops: [0, 0.5], colors: [ - Color.fromARGB(58, 1, 222, 78), + Color.fromARGB(71, 1, 222, 78), Color(0x1901DE4D), Color(0x0001DE4D), ],