Mercurial > gemma

diff client/src/components/ui/UISpinnerOverlay.vue @ 2889:ac4732c57b0b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: renamed SpinnerOverlay component to UISpinnerOverlay ... like the other UI components
author Markus Kottlaender <markus@intevation.de>
date Mon, 01 Apr 2019 19:17:32 +0200
parents
children 6f7b8755eb07
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/src/components/ui/UISpinnerOverlay.vue	Mon Apr 01 19:17:32 2019 +0200
@@ -0,0 +1,22 @@
+<template>
+  <transition name="fade">
+    <div class="spinner-overlay">
+      <font-awesome-icon icon="spinner" spin />
+    </div>
+  </transition>
+</template>
+
+<style lang="sass">
+.spinner-overlay
+  background: rgba(255, 255, 255, 0.9)
+  position: absolute
+  z-index: 99
+  top: 0
+  right: 0
+  bottom: 0
+  left: 0
+  display: flex
+  align-items: center
+  justify-content: center
+  color: #888
+</style>