jean/airsonic-refix
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

player: fix overflow

Browse Source
This commit is contained in:
Thomas Amland 2020-09-26 11:15:07 +02:00
parent d025c0aae5
commit d8388a4280
1 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/player/Player.vue
View File

@ -11,18 +11,18 @@
<div class="progress2" @click="seek"> <div class="progress2" @click="seek">
<b-progress :value="progress" :max="100" height="4px" /> <b-progress :value="progress" :max="100" height="4px" />
</div> </div>
<div class="row d-flex align-items-center py-2 m-0"> <div class="row align-items-center m-0" style="height: 100%">
<!-- Track info ---> <!-- Track info --->
<div class="col d-flex p-0 text-truncate"> <div class="col p-0 pl-3" style="min-width: 0; width: 0;">
<div class="d-flex align-items-center">
<template v-if="track"> <template v-if="track">
<div class="pl-3 align-middle"> <div class="text-truncate">
<div>{{ track.title }}</div> {{ track.title }}
<div>{{ track.artist }}</div> </div>
<div class="text-truncate">
{{ track.artist }}
</div> </div>
</template> </template>
</div> </div>
</div>
<!-- Controls---> <!-- Controls--->
<div class="col-auto p-0"> <div class="col-auto p-0">
@ -36,8 +36,10 @@
<Icon icon="skip-end-fill" /> <Icon icon="skip-end-fill" />
</b-button> </b-button>
</div> </div>
<div class="col p-0 text-truncate">
<div v-if="track" class="pr-3 text-right"> <!-- Time --->
<div class="col p-0" style="min-width: 0; width: 0;">
<div v-if="track" class="pr-3 text-right text-truncate">
{{ $formatDuration(currentTime) }} / {{ $formatDuration(duration) }} {{ $formatDuration(currentTime) }} / {{ $formatDuration(duration) }}
</div> </div>
</div> </div>