Simplify loader code

This commit is contained in:
Anton Tananaev 2024-09-14 07:34:25 -07:00
parent 573f3b148c
commit 7a14960ad3

View File

@ -12,11 +12,11 @@
<title>${title}</title> <title>${title}</title>
<style> <style>
.loader { .loader {
position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); position: fixed; top: calc(50% - 25px); left: calc(50% - 25px);
width: 50px; aspect-ratio: 1; animation: ll 1s infinite linear; width: 50px; aspect-ratio: 1; animation: ll 1s infinite linear;
border-radius: 50%; border: 8px solid lightgray; border-right-color: black; border-radius: 50%; border: 8px solid lightgray; border-right-color: black;
} }
@keyframes ll {to{transform: translate(-50%, -50%) rotate(1turn)}} @keyframes ll {to{transform: rotate(1turn)}}
</style> </style>
</head> </head>
<body> <body>