zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Use CSS keyframe animation for spinner on web (#3411)

Browse source 
* Use css keyframe animation for spinner on web

* duplicate css to index.html
This commit is contained in:
Samuel Newman 2024-04-04 23:18:06 +01:00 • committed by GitHub
parent 575f390d7b
commit 93b606e55a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 66 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

15
bskyweb/templates/base.html
View file

@ -220,6 +220,21 @@
.nativeDropdown-item:focus {
outline: none;
}
/* Spinner component */
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.rotate-500ms {
position: absolute;
inset:0;
animation: rotate 500ms linear infinite;
}
</style>
{% include "scripts.html" %}
<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">