near/airsonic-ui
1
0
Fork 0
mirror of https://github.com/heyarne/airsonic-ui.git synced 2026-05-06 18:33:38 +02:00
Code Issues Projects Releases Wiki Activity

Create loading spinner

Browse source
This commit is contained in:
Arne Schlüter 2018-06-12 00:52:40 +02:00
commit 504ab841d5
2 changed files with 19 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/cljs/airsonic_ui/views/loading_spinner.cljs Normal file
View 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]])

14
src/sass/app.sass
View file

@ -82,3 +82,17 @@
left: 0 left: 0
right: 0 right: 0
padding-top: 3.2rem 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