Feature: Toast Notification System (#25)

* Add react-hot-toaster to dependencies

* Enable TailwindCSS 'jit' mode

* Add Toast component

* Add Toaster context for react-hot-toast

* Add toast notification for queries, form validation fix

* Add new animations for Toast component

* fix: nickserv account validation

Co-authored-by: Ludvig Lundgren <hello@ludviglundgren.se>
This commit is contained in:
smallobject 2021-08-31 19:53:42 +03:00 committed by GitHub
parent 00f956870b
commit 11fcf1ead9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
15 changed files with 195 additions and 14 deletions

View file

@ -15,3 +15,35 @@ code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace;
}
@keyframes enter {
0% {
transform: scale(.9);
opacity: 0
}
to {
transform: scale(1);
opacity: 1
}
}
.animate-enter {
animation: enter .2s ease-out
}
@keyframes leave {
0% {
transform: scale(1);
opacity: 1
}
to {
transform: scale(.9);
opacity: 0
}
}
.animate-leave {
animation: leave .15s ease-in forwards
}