yetangitu/funkwhale
1
0
Fork 0
mirror of https://code.eliotberriot.com/funkwhale/funkwhale.git synced 2025-10-04 16:39:17 +02:00
Code Issues Releases Wiki Activity

Update track progress bars with css transitions

Browse source
This commit is contained in:
Georg Krause 2021-09-20 11:08:31 +02:00
parent e9de6863c8
commit 9bef230499
5 changed files with 9 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
front/src/components/Queue.vue
View file

@ -57,7 +57,7 @@
:class="['ui', 'small', 'vibrant', {'indicating': isLoadingAudio}, 'progress']"
@click="touchProgress">
<div class="buffer bar" :data-percent="bufferProgress" :style="{ 'width': bufferProgress + '%' }"></div>
<div class="position bar" :data-percent="progress" :style="{ 'width': progress + '%' }"></div>
<div class="position bar" :data-percent="progress" :style="{ 'transform': 'scale(' + progress + ', 1)' }"></div>
</div>
</div>
<div class="progress-area" v-else>