mirror of
https://github.com/valitydev/checkout.git
synced 2024-11-06 02:25:18 +00:00
58 lines
2.3 KiB
HTML
58 lines
2.3 KiB
HTML
<!doctype html>
|
|
<html dir="ltr">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1,maximum-scale=1" />
|
|
<meta name="description" content="Checkout" />
|
|
<meta name="theme-color" content="#163735" />
|
|
<link rel="icon" type="image/x-icon" href="favicon.ico" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
<title>Checkout</title>
|
|
</head>
|
|
<body style="background: #163735">
|
|
<div id="global-spinner" style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%)">
|
|
<div style="display: flex; height: 128px">
|
|
<svg
|
|
viewBox="0 0 57 57"
|
|
height="48px"
|
|
width="48px"
|
|
style="position: relative; animation: spin 0.65s linear infinite"
|
|
>
|
|
<defs>
|
|
<linearGradient id="loaderGradient" x1="100%" x2="0%" y1="0%" y2="100%">
|
|
<stop offset="0%" stop-color="#F6E05E" />
|
|
<stop offset="100%" stop-color="#ED8936" />
|
|
</linearGradient>
|
|
</defs>
|
|
<g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">
|
|
<g
|
|
stroke="url(#loaderGradient)"
|
|
stroke-width="4"
|
|
transform="translate(-655.000000, -383.000000)"
|
|
>
|
|
<circle cx="683.5" cy="411.5" r="26.5" />
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="app"></div>
|
|
<script defer type="module" src="/src/main.tsx"></script>
|
|
|
|
<style>
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
</style>
|
|
</body>
|
|
</html>
|