forked from AkkomaGang/akkoma-fe
fix preview spinner
This commit is contained in:
parent
633349ddff
commit
4e1f2aeabc
1 changed files with 10 additions and 6 deletions
|
@ -85,12 +85,16 @@
|
||||||
{{ $t('post_status.preview') }}
|
{{ $t('post_status.preview') }}
|
||||||
<FAIcon :icon="showPreview ? 'chevron-left' : 'chevron-right'" />
|
<FAIcon :icon="showPreview ? 'chevron-left' : 'chevron-right'" />
|
||||||
</a>
|
</a>
|
||||||
<FAIcon
|
<div
|
||||||
v-show="previewLoading"
|
v-show="previewLoading"
|
||||||
|
class="preview-spinner">
|
||||||
|
<FAIcon
|
||||||
|
class="fa-old-padding"
|
||||||
spin
|
spin
|
||||||
icon="circle-notch"
|
icon="circle-notch"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div
|
<div
|
||||||
v-if="showPreview"
|
v-if="showPreview"
|
||||||
class="preview-container"
|
class="preview-container"
|
||||||
|
@ -383,12 +387,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.preview-heading {
|
.preview-heading {
|
||||||
padding-left: 0.5em;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
padding-left: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.preview-toggle {
|
.preview-toggle {
|
||||||
|
flex: 1;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue