mirror of
https://github.com/heyarne/airsonic-ui.git
synced 2026-05-06 18:33:38 +02:00
Create loading spinner
This commit is contained in:
parent
7ec29d4aee
commit
504ab841d5
2 changed files with 19 additions and 0 deletions
5
src/cljs/airsonic_ui/views/loading_spinner.cljs
Normal file
5
src/cljs/airsonic_ui/views/loading_spinner.cljs
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
(ns airsonic-ui.views.loading-spinner
|
||||
(:require [airsonic-ui.views.icon :refer [icon]]))
|
||||
|
||||
(defn loading-spinner []
|
||||
[:span.loading-spinner [icon :reload]])
|
||||
|
|
@ -82,3 +82,17 @@
|
|||
left: 0
|
||||
right: 0
|
||||
padding-top: 3.2rem
|
||||
|
||||
// loading indicator
|
||||
@keyframes you-spin-my-head-right-round
|
||||
from
|
||||
transform: rotate(0deg)
|
||||
transform-origin: 50% 48%
|
||||
|
||||
to
|
||||
transform: rotate(359deg)
|
||||
transform-origin: 50% 48%
|
||||
|
||||
.loading-spinner
|
||||
.icon
|
||||
animation: 1s infinite you-spin-my-head-right-round
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue