Update style.css
This commit is contained in:
parent
cc009b402e
commit
2b04d97cc7
1 changed files with 32 additions and 0 deletions
32
style.css
32
style.css
|
|
@ -996,6 +996,38 @@ body {
|
|||
margin: 20px 0 12px 0;
|
||||
}
|
||||
|
||||
|
||||
/* Notifications */
|
||||
.notification {
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
padding: 12px 20px;
|
||||
border-radius: var(--border-radius);
|
||||
color: white;
|
||||
font-weight: 500;
|
||||
z-index: 3000;
|
||||
transform: translateX(100%);
|
||||
transition: transform 0.3s ease-out;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
.notification.show {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
.notification.success {
|
||||
background: linear-gradient(135deg, #10b981, #059669);
|
||||
}
|
||||
|
||||
.notification.error {
|
||||
background: linear-gradient(135deg, #ef4444, #dc2626);
|
||||
}
|
||||
|
||||
.notification.warning {
|
||||
background: linear-gradient(135deg, #f59e0b, #d97706);
|
||||
}
|
||||
|
||||
.preview-content h3 {
|
||||
color: var(--text-primary);
|
||||
font-size: 18px;
|
||||
|
|
|
|||
Loading…
Reference in a new issue