Match notification list item appearance to device list card style

Replace the Column+Divider wrapper with a Card widget and move the
dynamic background color from ListTile.tileColor to Card.color,
matching the pattern used in the device list.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
rzuasti
2026-05-27 20:06:25 -04:00
co-authored by Claude Sonnet 4.6
parent 171e7516bc
commit 2007bd2390
@@ -169,9 +169,11 @@ class _NotificationListState extends State<NotificationList> {
fetchNextPage: fetchNextPage,
builderDelegate: PagedChildBuilderDelegate(
itemBuilder: (context, item, index) {
return Column(
children: [
Dismissible(
return Card(
color: item.isNew
? Theme.of(context).colorScheme.secondaryContainer
: null,
child: Dismissible(
key: UniqueKey(),
confirmDismiss: (direction) =>
direction == DismissDirection.startToEnd
@@ -192,9 +194,6 @@ class _NotificationListState extends State<NotificationList> {
child: Icon(Icons.done),
),
child: ListTile(
tileColor: item.isNew
? Theme.of(context).colorScheme.secondaryContainer
: null,
leading: Icon(
item.notificationType.icon,
color: item.isNew
@@ -244,8 +243,6 @@ class _NotificationListState extends State<NotificationList> {
isThreeLine: true,
),
),
Divider(),
],
);
},
),