Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-25 07:05:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update nuxt-loading-indicator.ts

Browse Source 
Opacity controlling is unnecessary here to avoid hydration issue.
This commit is contained in:
Haradhan Sharma 2024-10-29 16:23:29 +06:00 committed by GitHub
parent cf39600d52
commit ca6cbd1ad6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/nuxt/src/app/components/nuxt-loading-indicator.ts
View File

@ -50,7 +50,7 @@ export default defineComponent({
pointerEvents: 'none', pointerEvents: 'none',
width: 'auto', width: 'auto',
height: `${props.height}px`, height: `${props.height}px`,
opacity: isLoading.value ? 1 : 0, opacity: 1,
background: error.value ? props.errorColor : props.color || undefined, background: error.value ? props.errorColor : props.color || undefined,
backgroundSize: `${(100 / progress.value) * 100}% auto`, backgroundSize: `${(100 / progress.value) * 100}% auto`,
transform: `scaleX(${progress.value}%)`, transform: `scaleX(${progress.value}%)`,