Add styling for notifications

This commit is contained in:
KorbsStudio 2023-02-11 15:56:54 -05:00
parent 811d8cfeb5
commit f3641ddc2c
No known key found for this signature in database

View file

@ -0,0 +1,31 @@
li.notification {
display: grid;
background: #38488f;
margin-bottom: 16px;
img {
margin: -12px 0px 12px 0px;
border-radius: 6px 6px 0px 0px;
}
.notification-title {
font-size: 16px;
padding: 12px;
}
.notification-message {
font-size: 14px;
padding: 0px 12px;
}
.notification-actions {
padding: 12px 12px 0px 12px;
display: grid;
grid-auto-flow: column;
grid-gap: 4px;
button {
border: 1px #ffffff5c solid;
border-radius: 4px;
padding: 6px 0px;
background: #0000006b;
color: white;
}
button#secondary {background: transparent}
}
}