change to toast style

This commit is contained in:
Ryan Peters
2023-01-31 09:35:24 -05:00
parent b49d4b2612
commit 0675b567e4
2 changed files with 22 additions and 14 deletions

View File

@ -35,30 +35,38 @@ textarea {
border-width: 0;
}
textarea.dark {
.dark textarea {
background-color: #222;
color: #ddd;
}
.toast {
position: fixed;
bottom: -40px;
bottom: 0;
right: 20px;
font-size: 12px;
padding: 10px;
border-radius: 10px 10px 0 0;
color: #fff;
transition: bottom 0.2s;
transition: opacity 0.4s;
opacity: 0;
}
.toast.show {
bottom: 0;
opacity: 0.8;
}
.dark #saved-indicator {
color: lawngreen;
}
#saved-indicator {
background-color: green;
color: green;
}
.dark #update-indicator {
color: orange;
}
#update-indicator {
background-color: orangered;
color: orangered;
}