diff options
| author | Henry Jameson <me@hjkos.com> | 2020-10-29 21:39:11 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2020-10-29 22:54:28 +0200 |
| commit | 4e1f2aeabc2fa985ae0196744885ca62e717ec0a (patch) | |
| tree | e202d9a2e578c10a6d08d802ec8393b5353be241 /src | |
| parent | 633349ddff2fd96298ce26ac2d3c404edb1ebbf3 (diff) | |
fix preview spinner
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/post_status_form/post_status_form.vue | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue index 284ce8df..55cd706e 100644 --- a/src/components/post_status_form/post_status_form.vue +++ b/src/components/post_status_form/post_status_form.vue @@ -85,11 +85,15 @@ {{ $t('post_status.preview') }} <FAIcon :icon="showPreview ? 'chevron-left' : 'chevron-right'" /> </a> - <FAIcon + <div v-show="previewLoading" - spin - icon="circle-notch" - /> + class="preview-spinner"> + <FAIcon + class="fa-old-padding" + spin + icon="circle-notch" + /> + </div> </div> <div v-if="showPreview" @@ -383,12 +387,12 @@ } .preview-heading { - padding-left: 0.5em; display: flex; - width: 100%; + padding-left: 0.5em; } .preview-toggle { + flex: 1; cursor: pointer; user-select: none; |