ux: dedupe notification cards via ui-card

This commit is contained in:
Marco Allegretti 2026-01-30 11:21:55 +01:00
parent dfc8a9211d
commit 197367a47b

View file

@ -39,7 +39,7 @@ import { API_BASE as apiBase } from '../lib/api';
} }
container.innerHTML = notifications.map(n => ` container.innerHTML = notifications.map(n => `
<div class="notification ${n.is_read ? 'read' : 'unread'}" data-id="${n.id}"> <div class="notification ui-card ${n.is_read ? 'read' : 'unread'}" data-id="${n.id}">
<div class="notif-content"> <div class="notif-content">
<span class="notif-type type-${n.notification_type}">${n.notification_type}</span> <span class="notif-type type-${n.notification_type}">${n.notification_type}</span>
<h3 class="notif-title">${n.title}</h3> <h3 class="notif-title">${n.title}</h3>
@ -121,8 +121,6 @@ import { API_BASE as apiBase } from '../lib/api';
align-items: flex-start; align-items: flex-start;
gap: 1rem; gap: 1rem;
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 8px; border-radius: 8px;
} }