surely this will fix it

pull/2486/head
Richard Harris 7 years ago
parent 8c26471d00
commit de153eff0f

@ -1,6 +1,5 @@
<script> <script>
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { fade } from 'svelte/transition';
let p = 0; let p = 0;
let visible = false; let visible = false;
@ -52,15 +51,21 @@
background-color: rgba(255,255,255,0.3); background-color: rgba(255,255,255,0.3);
pointer-events: none; pointer-events: none;
z-index: 998; z-index: 998;
animation: fade 0.4s;
}
@keyframes fade {
from { opacity: 0 }
to { opacity: 1 }
} }
</style> </style>
{#if visible} {#if visible}
<div class="progress-container" transition:fade> <div class="progress-container">
<div class="progress" style="width: {p * 100}%"></div> <div class="progress" style="width: {p * 100}%"></div>
</div> </div>
{/if} {/if}
{#if p >= 0.4} {#if p >= 0.4}
<div class="fade" in:fade={{duration:800}}></div> <div class="fade"></div>
{/if} {/if}
Loading…
Cancel
Save