diff options
| author | Mark Felder <feld@FreeBSD.org> | 2020-06-25 15:28:17 -0500 |
|---|---|---|
| committer | Mark Felder <feld@FreeBSD.org> | 2020-06-25 15:28:17 -0500 |
| commit | 199fc9351d2db400a966750a23c2b3077345a383 (patch) | |
| tree | 657c01da3db0bcace07c7003d61456c5940aa7d0 /src/components/panel_loading/panel_loading.vue | |
| parent | b8350423d97cf81708795ec6383803413e7bff98 (diff) | |
| parent | bbb91d8ae3f1c3d5374de7610e723e63121e8222 (diff) | |
Merge branch 'develop' into refactor/notification_settings
Diffstat (limited to 'src/components/panel_loading/panel_loading.vue')
| -rw-r--r-- | src/components/panel_loading/panel_loading.vue | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/src/components/panel_loading/panel_loading.vue b/src/components/panel_loading/panel_loading.vue new file mode 100644 index 00000000..4efebb3c --- /dev/null +++ b/src/components/panel_loading/panel_loading.vue @@ -0,0 +1,29 @@ +<template> + <div class="panel-loading"> + <span class="loading-text"> + <i class="icon-spin4 animate-spin" /> + {{ $t('general.loading') }} + </span> + </div> +</template> + +<style lang="scss"> +@import 'src/_variables.scss'; + +.panel-loading { + display: flex; + height: 100%; + align-items: center; + justify-content: center; + font-size: 2em; + color: $fallback--text; + color: var(--text, $fallback--text); + .loading-text i { + font-size: 3em; + line-height: 0; + vertical-align: middle; + color: $fallback--text; + color: var(--text, $fallback--text); + } +} +</style> |