feat: notification dropdown panel and /notifications page

This commit is contained in:
2026-06-13 16:48:05 -04:00
parent 25dfb517ee
commit e1b6650454
6 changed files with 450 additions and 40 deletions

View File

@@ -3306,3 +3306,43 @@ input[type="range"]::-moz-range-track {
color: var(--text-primary);
background: var(--bg-hover);
}
/* ==========================================================================
Notification Dropdown Panel
========================================================================== */
.notification-dropdown {
display: none;
position: absolute;
top: calc(100% + 6px);
right: 0;
width: 380px;
max-height: 520px;
background: var(--bg-tertiary);
border: 1px solid var(--border-color);
border-radius: var(--radius-lg);
box-shadow: 0 8px 32px rgba(0,0,0,0.4);
z-index: 300;
overflow: hidden;
}
.notification-dropdown.open {
display: block;
}
.notif-dropdown-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 16px;
border-bottom: 1px solid var(--border-color);
}
.notif-dropdown-body {
max-height: 360px;
overflow-y: auto;
}
.notif-dropdown-footer {
border-top: 1px solid var(--border-color);
}