style: update style
This commit is contained in:
@@ -82,60 +82,11 @@ img {
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.notyf {
|
||||
left: 30px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.notyf {
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@keyframes a {
|
||||
0% {
|
||||
bottom: -15px;
|
||||
margin-top: 0;
|
||||
max-height: 0;
|
||||
max-width: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
30% {
|
||||
bottom: -3px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
to {
|
||||
bottom: 0;
|
||||
margin-top: 12px;
|
||||
max-height: 200px;
|
||||
max-width: 100%;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.notyf__message {
|
||||
animation: a 0.3s forwards;
|
||||
animation-delay: 0.15s;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.notyf__toast {
|
||||
&.notyf--confirm {
|
||||
background-color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
.notyf__icon--confirm {
|
||||
&::after,
|
||||
&::before {
|
||||
background-color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
// Service Worker update
|
||||
|
||||
Reference in New Issue
Block a user