mirror of
https://github.com/status-im/safe-react.git
synced 2025-01-23 08:08:56 +00:00
b26b681426
* Switch to bounce animation * Add more specific preloader class Co-authored-by: lukasgnosis <lukas.schor@gnosis.pm> Co-authored-by: Daniel Sanchez <daniel.sanchez@gnosis.pm>
38 lines
932 B
HTML
38 lines
932 B
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="shortcut icon" href="favicon.ico">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
|
<title>Gnosis Safe Multisig</title>
|
|
</head>
|
|
<style>
|
|
.safe-preloader-animation {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 120px;
|
|
height: 120px;
|
|
margin:-60px 0 0 -60px;
|
|
animation: sk-bounce 2.0s infinite ease-in-out;
|
|
animation-delay: -1.0s;
|
|
}
|
|
|
|
@keyframes sk-bounce {
|
|
0%, 100% {
|
|
transform: scale(0.8);
|
|
-webkit-transform: scale(0.8);
|
|
}
|
|
50% {
|
|
transform: scale(1.0);
|
|
-webkit-transform: scale(1.0);
|
|
}
|
|
}
|
|
|
|
</style>
|
|
<body>
|
|
<div id="root" style="overflow: hidden;"><img class="safe-preloader-animation" src="./resources/safe.png" /></div>
|
|
</body>
|
|
</html>
|