Fix:Stat sessions title text overflow

This commit is contained in:
advplyr 2021-12-29 16:21:07 -06:00
parent 72b5579842
commit 5edff98942

View File

@ -38,13 +38,13 @@
<template v-for="(book, index) in mostRecentListeningSessions"> <template v-for="(book, index) in mostRecentListeningSessions">
<div :key="book.id" class="w-full py-0.5"> <div :key="book.id" class="w-full py-0.5">
<div class="flex items-center mb-1"> <div class="flex items-center mb-1">
<p class="text-sm font-book text-white text-opacity-70 w-6 truncate">{{ index + 1 }}.</p> <p class="text-sm font-book text-white text-opacity-70 w-6 truncate">{{ index + 1 }}.&nbsp;</p>
<div> <div class="w-56">
<p class="text-sm font-book text-white text-opacity-80 truncate">{{ book.audiobookTitle }}</p> <p class="text-sm font-book text-white text-opacity-80 truncate">{{ book.audiobookTitle }}</p>
<p class="text-xs text-white text-opacity-50">{{ $dateDistanceFromNow(book.lastUpdate) }}</p> <p class="text-xs text-white text-opacity-50">{{ $dateDistanceFromNow(book.lastUpdate) }}</p>
</div> </div>
<div class="flex-grow" /> <div class="flex-grow" />
<div class="w-18 text-right ml-3"> <div class="w-18 text-right">
<p class="text-sm font-bold">{{ $elapsedPretty(book.timeListening) }}</p> <p class="text-sm font-bold">{{ $elapsedPretty(book.timeListening) }}</p>
</div> </div>
</div> </div>