beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

add border new memory cover widget in dark mode

Browse source
This commit is contained in:
ashilkn 2024-01-13 16:47:28 +05:30
parent ef206bd3b8
commit 81493927b3
2 changed files with 26 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
lib/ui/home/memories/memories_widget.dart
View file

@ -64,7 +64,7 @@ class _MemoriesWidgetState extends State<MemoriesWidget> {
final collatedMemories = _collateMemories(memories); final collatedMemories = _collateMemories(memories);
return SizedBox( return SizedBox(
height: 125 + MemoryCoverWidgetNew.centerStrokeWidth * 2, height: 125,
child: ListView.builder( child: ListView.builder(
physics: const BouncingScrollPhysics(), physics: const BouncingScrollPhysics(),
scrollDirection: Axis.horizontal, scrollDirection: Axis.horizontal,

40
lib/ui/home/memories/memory_cover_widget_new.dart
View file

@ -10,7 +10,7 @@ class MemoryCoverWidgetNew extends StatefulWidget {
final List<Memory> memories; final List<Memory> memories;
final ScrollController controller; final ScrollController controller;
final double offsetOfItem; final double offsetOfItem;
static const centerStrokeWidth = 0.5; static const centerStrokeWidth = 1.0;
const MemoryCoverWidgetNew({ const MemoryCoverWidgetNew({
required this.memories, required this.memories,
@ -37,6 +37,7 @@ class _MemoryCoverWidgetNewState extends State<MemoryCoverWidgetNew> {
final title = _getTitle(widget.memories[index]); final title = _getTitle(widget.memories[index]);
final memory = widget.memories[index]; final memory = widget.memories[index];
final isSeen = memory.isSeen(); final isSeen = memory.isSeen();
final currentTheme = MediaQuery.platformBrightnessOf(context);
return AnimatedBuilder( return AnimatedBuilder(
animation: widget.controller, animation: widget.controller,
@ -71,9 +72,12 @@ class _MemoryCoverWidgetNewState extends State<MemoryCoverWidgetNew> {
boxShadow: [ boxShadow: [
BoxShadow( BoxShadow(
color: isSeen 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), : const Color.fromRGBO(1, 222, 77, 0.11),
spreadRadius: MemoryCoverWidgetNew.centerStrokeWidth, spreadRadius:
MemoryCoverWidgetNew.centerStrokeWidth / 2,
blurRadius: 0, blurRadius: 0,
), ),
const BoxShadow( const BoxShadow(
@ -91,18 +95,24 @@ class _MemoryCoverWidgetNewState extends State<MemoryCoverWidgetNew> {
alignment: Alignment.bottomCenter, alignment: Alignment.bottomCenter,
children: [ children: [
child!, child!,
isSeen Container(
? const SizedBox.shrink() decoration: BoxDecoration(
: Container( border: Border.all(
decoration: BoxDecoration( color: isSeen
border: Border.all( ? currentTheme == Brightness.dark
color: ? const Color.fromRGBO(
const Color.fromRGBO(1, 222, 77, 0.11), 104,
width: 104,
MemoryCoverWidgetNew.centerStrokeWidth, 104,
), 0.32,
), )
), : Colors.transparent
: const Color.fromRGBO(1, 222, 77, 0.11),
width: MemoryCoverWidgetNew.centerStrokeWidth / 2,
),
borderRadius: BorderRadius.circular(5),
),
),
Container( Container(
decoration: BoxDecoration( decoration: BoxDecoration(
gradient: LinearGradient( gradient: LinearGradient(