change notifications div scroll behavior and max-height and add a call to update function on deleting a notification
This commit is contained in:
@@ -90,6 +90,7 @@ function Header() {
|
|||||||
const result = await deleteNotificationUser(notificationId);
|
const result = await deleteNotificationUser(notificationId);
|
||||||
if (result) {
|
if (result) {
|
||||||
setNotifications(prev => prev.filter(n => n.id !== notificationId));
|
setNotifications(prev => prev.filter(n => n.id !== notificationId));
|
||||||
|
update();
|
||||||
}
|
}
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
console.error('Erreur suppression notification :', err);
|
console.error('Erreur suppression notification :', err);
|
||||||
|
|||||||
@@ -157,6 +157,9 @@
|
|||||||
transform: translateY(-10px);
|
transform: translateY(-10px);
|
||||||
transition: opacity 0.3s ease, transform 0.3s ease;
|
transition: opacity 0.3s ease, transform 0.3s ease;
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
|
max-height: 60vh;
|
||||||
|
overflow: scroll;
|
||||||
|
scrollbar-width: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.activeNotificationDiv {
|
.activeNotificationDiv {
|
||||||
|
|||||||
Reference in New Issue
Block a user