diff options
| author | Zephyrrus <[email protected]> | 2020-07-02 23:42:02 +0300 |
|---|---|---|
| committer | Zephyrrus <[email protected]> | 2020-07-02 23:42:02 +0300 |
| commit | c2dbbe6396540ee9d76991a00f5028b49d221d0c (patch) | |
| tree | 0ac9bb8a45c6837e31692e913ba50c5107e2af65 /src/site/components/loading | |
| parent | feat: return APIKey when fetching user (diff) | |
| download | host.fuwn.me-c2dbbe6396540ee9d76991a00f5028b49d221d0c.tar.xz host.fuwn.me-c2dbbe6396540ee9d76991a00f5028b49d221d0c.zip | |
feat: refactor account to use vuex, fix small presentational components
Diffstat (limited to 'src/site/components/loading')
| -rw-r--r-- | src/site/components/loading/BulmaLoading.vue | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/src/site/components/loading/BulmaLoading.vue b/src/site/components/loading/BulmaLoading.vue new file mode 100644 index 0000000..37cc5a5 --- /dev/null +++ b/src/site/components/loading/BulmaLoading.vue @@ -0,0 +1,33 @@ +<template> + <div class="loader-wrapper"> + <div class="loader is-loading" /> + </div> +</template> + +<style lang="scss" scoped> + .loader-wrapper { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + background: #fff; + opacity: 0; + z-index: -1; + transition: opacity .3s; + display: flex; + justify-content: center; + align-items: center; + border-radius: 6px; + + .loader { + height: 80px; + width: 80px; + } + + &.is-active { + opacity: 1; + z-index: 1; + } + } +</style> |