diff --git a/src/cljs/airsonic_ui/views/loading_spinner.cljs b/src/cljs/airsonic_ui/views/loading_spinner.cljs new file mode 100644 index 0000000..a50528e --- /dev/null +++ b/src/cljs/airsonic_ui/views/loading_spinner.cljs @@ -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]]) diff --git a/src/sass/app.sass b/src/sass/app.sass index 4e18acb..a9104da 100644 --- a/src/sass/app.sass +++ b/src/sass/app.sass @@ -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