feat: frontend-only notifications and test button for them

This commit is contained in:
Rafael Uzarowski 2025-07-01 16:37:43 +02:00
parent e476b4bfce
commit 1225cae5c0
No known key found for this signature in database
GPG key ID: DEDFAEC7F474C685
3 changed files with 115 additions and 0 deletions

View file

@ -109,6 +109,17 @@
font-size: 1.2rem;
}
/* Frontend Error Test Button - distinct orange/red styling */
.notification-test-button.frontend-error {
background: rgba(255, 152, 0, 0.15);
border-color: rgba(255, 152, 0, 0.4);
}
.notification-test-button.frontend-error:hover {
background: rgba(255, 152, 0, 0.25);
border-color: rgba(255, 152, 0, 0.6);
}
/* Light Mode Styles */
.light-mode .notification-toggle {
background: rgba(0, 0, 0, 0.05);
@ -140,6 +151,16 @@
border-color: rgba(33, 150, 243, 0.5);
}
.light-mode .notification-test-button.frontend-error {
background: rgba(255, 152, 0, 0.15);
border-color: rgba(255, 152, 0, 0.4);
}
.light-mode .notification-test-button.frontend-error:hover {
background: rgba(255, 152, 0, 0.25);
border-color: rgba(255, 152, 0, 0.6);
}
/* Animations */
@keyframes pulse {
0%, 100% { transform: scale(1); }