fix: remove Firefox icon border when using animate-spin (#1081)

This commit is contained in:
Joaquín Sánchez 2023-01-13 17:00:32 +01:00 committed by GitHub
parent f76628d4ab
commit 1e5b648a71
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 44 additions and 20 deletions

View file

@ -145,7 +145,9 @@ defineExpose({
</div>
<div v-if="isUploading" flex gap-1 items-center text-sm p1 text-primary>
<div i-ri:loader-2-fill animate-spin />
<div animate-spin preserve-3d>
<div i-ri:loader-2-fill />
</div>
{{ $t('state.uploading') }}
</div>
<div
@ -274,7 +276,9 @@ defineExpose({
aria-describedby="publish-tooltip"
@click="publish"
>
<div v-if="isSending" i-ri:loader-2-fill animate-spin />
<span v-if="isSending" block animate-spin preserve-3d>
<div block i-ri:loader-2-fill />
</span>
<span v-if="draft.editingStatus">{{ $t('action.save_changes') }}</span>
<span v-else-if="draft.params.inReplyToId">{{ $t('action.reply') }}</span>
<span v-else>{{ !isSending ? $t('action.publish') : $t('state.publishing') }}</span>