Feature: Independent settings section saving - no password re-entry required
- Refactored SettingsWizard to allow saving each section separately (Email, Webhook, Monitoring) - Each section now has its own Save button - Removed global Save button - sections save independently - No longer need to re-enter email passwords when changing other settings - Added success/error status messages that appear for 3-5 seconds - Status messages appear as toast notifications in top-right corner - Updated CSS with save-status styling and slideIn animation - handleSaveSection() only POSTs the relevant fields for that section
This commit is contained in:
1 parent
5330c8932f
commit
6a291e120d
10 files changed
+151
-45
No files matched your search
@@ -187,3 +187,49 @@
|
||||
padding: 1rem 3rem;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.save-status {
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
padding: 1rem 1.5rem;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
|
||||
z-index: 1000;
|
||||
animation: slideIn 0.3s ease-out;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
.save-status.success {
|
||||
background: #4caf50;
|
||||
color: white;
|
||||
border-left: 4px solid #388e3c;
|
||||
}
|
||||
|
||||
.save-status.error {
|
||||
background: #f44336;
|
||||
color: white;
|
||||
border-left: 4px solid #d32f2f;
|
||||
}
|
||||
|
||||
.save-status strong {
|
||||
display: block;
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.save-status p {
|
||||
margin: 0;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
@keyframes slideIn {
|
||||
from {
|
||||
transform: translateX(400px);
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
transform: translateX(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user