diff options
| author | Henry Jameson <me@hjkos.com> | 2020-10-19 22:35:46 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2020-10-20 20:28:11 +0300 |
| commit | 8b3a7ae8c0fec5f79971745f64aeb3c5ac470894 (patch) | |
| tree | ae18357e6bbccc6e92d1c463c08a130755d1a794 /src/components/exporter | |
| parent | 38142182774ea772aacc88f26586512d6279267f (diff) | |
more FA5 stuff with small related refactoring
Diffstat (limited to 'src/components/exporter')
| -rw-r--r-- | src/components/exporter/exporter.js | 7 | ||||
| -rw-r--r-- | src/components/exporter/exporter.vue | 4 |
2 files changed, 9 insertions, 2 deletions
diff --git a/src/components/exporter/exporter.js b/src/components/exporter/exporter.js index 8f507416..51912ac3 100644 --- a/src/components/exporter/exporter.js +++ b/src/components/exporter/exporter.js @@ -1,3 +1,10 @@ +import { library } from '@fortawesome/fontawesome-svg-core' +import { faCircleNotch } from '@fortawesome/free-solid-svg-icons' + +library.add( + faCircleNotch +) + const Exporter = { props: { getContent: { diff --git a/src/components/exporter/exporter.vue b/src/components/exporter/exporter.vue index f5126dc1..156db9a3 100644 --- a/src/components/exporter/exporter.vue +++ b/src/components/exporter/exporter.vue @@ -1,7 +1,8 @@ <template> <div class="exporter"> <div v-if="processing"> - <i class="icon-spin4 animate-spin exporter-processing" /> + <FAIcon icon="circle-notch" size="lg" spin /> + <span>{{ processingMessage }}</span> </div> <button @@ -19,7 +20,6 @@ <style lang="scss"> .exporter { &-processing { - font-size: 1.5em; margin: 0.25em; } } |