This commit is contained in:
+9
-10
@@ -489,9 +489,8 @@ body {
|
|||||||
padding: 16px 24px;
|
padding: 16px 24px;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
left: 50%;
|
right: 24px;
|
||||||
bottom: 30px;
|
top: 80px;
|
||||||
transform: translateX(-50%);
|
|
||||||
font: var(--md-sys-typescale-body-medium);
|
font: var(--md-sys-typescale-body-medium);
|
||||||
box-shadow: var(--md-sys-elevation-3);
|
box-shadow: var(--md-sys-elevation-3);
|
||||||
}
|
}
|
||||||
@@ -505,7 +504,7 @@ body {
|
|||||||
|
|
||||||
.snackbar.show {
|
.snackbar.show {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
animation: fadein 0.3s, fadeout 0.3s 2.7s;
|
animation: slidein 0.3s, slideout 0.3s 2.7s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.snackbar.success {
|
.snackbar.success {
|
||||||
@@ -518,14 +517,14 @@ body {
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes fadein {
|
@keyframes slidein {
|
||||||
from { bottom: 0; opacity: 0; }
|
from { right: -100%; opacity: 0; }
|
||||||
to { bottom: 30px; opacity: 1; }
|
to { right: 24px; opacity: 1; }
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes fadeout {
|
@keyframes slideout {
|
||||||
from { bottom: 30px; opacity: 1; }
|
from { right: 24px; opacity: 1; }
|
||||||
to { bottom: 0; opacity: 0; }
|
to { right: -100%; opacity: 0; }
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Responsive Styles */
|
/* Responsive Styles */
|
||||||
|
|||||||
Reference in New Issue
Block a user