zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

14
components/common/CommonInputImage.vue
View file

@ -88,17 +88,19 @@ watch(file, (image, _, onCleanup) => {
w-full
h-full
>
<div absolute bg="black/50" text-white rounded-full text-xl w12 h12 flex justify-center items-center hover="bg-black/40 text-primary">
<div i-ri:upload-line />
</div>
<span absolute bg="black/50" text-white rounded-full text-xl w12 h12 flex justify-center items-center hover="bg-black/40 text-primary">
<span block i-ri:upload-line />
</span>
<div
<span
v-if="loading"
absolute inset-0
bg="black/30" text-white
flex justify-center items-center
>
<div class="i-ri:loader-4-line animate-spin animate-duration-[2.5s]" text-4xl />
</div>
<span class="animate-spin animate-duration-[2.5s] preserve-3d">
<span block i-ri:loader-4-line text-4xl />
</span>
</span>
</label>
</template>