summaryrefslogtreecommitdiff
path: root/src/client/components/loading.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/components/loading.vue')
-rw-r--r--src/client/components/loading.vue30
1 files changed, 30 insertions, 0 deletions
diff --git a/src/client/components/loading.vue b/src/client/components/loading.vue
new file mode 100644
index 0000000000..88d1ed77fa
--- /dev/null
+++ b/src/client/components/loading.vue
@@ -0,0 +1,30 @@
+<template>
+<div class="yxspomdl">
+ <fa :icon="faSpinner" pulse fixed-width class="icon"/>
+</div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { faSpinner } from '@fortawesome/free-solid-svg-icons';
+
+export default Vue.extend({
+ data() {
+ return {
+ faSpinner
+ };
+ },
+});
+</script>
+
+<style lang="scss" scoped>
+.yxspomdl {
+ padding: 32px;
+ text-align: center;
+
+ > .icon {
+ font-size: 32px;
+ opacity: 0.5;
+ }
+}
+</style>