Update settings UI: reorder tabs, clarify examples, and improve notifications

This commit is contained in:
Marcus Quinn
2025-03-16 03:32:52 +00:00
parent 08659f8efd
commit f35e6639c8
3 changed files with 48 additions and 30 deletions

View File

@ -609,27 +609,28 @@ input:checked + .wp-toggle-slider:before {
}
/* Settings Notification */
.wp-status {
position: relative !important;
.wp-setting-notification {
display: inline-flex;
align-items: center;
margin-left: 15px;
transform: none;
top: auto;
right: auto;
margin-left: 10px;
background: #00a32a;
color: white;
padding: 4px 12px;
padding: 3px 10px;
border-radius: 12px;
font-size: 13px;
font-size: 12px;
font-weight: 500;
z-index: 100;
animation: fadeIn 0.3s ease-in-out;
}
.wp-status.error {
.wp-setting-notification.error {
background: #d63638;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.wpa-loading-overlay {
position: absolute;
top: 0;