diff --git a/src/renderer/css.css b/src/renderer/css.css index c12807f..39f54e2 100644 --- a/src/renderer/css.css +++ b/src/renderer/css.css @@ -120,7 +120,7 @@ img[src=''], img[src=' '] { } .root { - animation: 0.3s ease 0s 1 root-load-in; + animation: 0.3s ease 0s 1 load-in; } .content-visibility-auto { @@ -131,19 +131,8 @@ img[src=''], img[src=' '] { left: 0 !important; width: 100% !important; } -@keyframes root-load-in { - from { - bottom: -1.2rem; - transform: scale(0.95); - } - to { - bottom: 0; - transform: scale(1); - } -} - -@keyframes load { +@keyframes skeleloader { from { background-position-x: 200%; } @@ -154,13 +143,11 @@ img[src=''], img[src=' '] { } @keyframes load-in { from { - bottom: -1.2rem; - transform: scale(0.95); + transform: translateY(1.2rem) scale(0.95); } to { - bottom: 0; - transform: scale(1); + transform: none } } @@ -175,7 +162,7 @@ img[src=''], img[src=' '] { background: linear-gradient(to right, transparent 0%, #17191c 50%, transparent 100%); background-repeat: no-repeat; background-size: 200% 100%; - animation: load 1s infinite cubic-bezier(0.4, 0, 0.2, 1); + animation: skeleloader 1s infinite cubic-bezier(0.4, 0, 0.2, 1); } .align-content-start {