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

@ -47,7 +47,9 @@ const reload = async () => {
{{ message }}
</div>
<button flex items-center gap-2 justify-center btn-solid text-center :disabled="state === 'reloading'">
<span v-if="state === 'reloading'" i-ri:loader-2-fill animate-spin inline-block />
<span v-if="state === 'reloading'" block animate-spin preserve-3d>
<span block i-ri:loader-2-fill />
</span>
{{ state === 'reloading' ? 'Reloading' : 'Reload' }}
</button>
</form>