diff options
| author | Henry Jameson <me@hjkos.com> | 2020-05-26 23:58:55 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2020-05-26 23:58:55 +0300 |
| commit | a8e013bd6517edb3a81eb5001e6ab948cb87bedb (patch) | |
| tree | 9abf82352db8b6185471b44d1f21dc33e57880b9 /src/components/panel_loading/panel_loading.vue | |
| parent | 5187b37aca4d6ca177c254f999e6acb637db5532 (diff) | |
Move modal frame parts away from modal-content into modal, improve error handling
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> |