mirror of
https://github.com/sudoxnym/audiobookshelf-atv.git
synced 2026-05-23 22:26:41 +00:00
Fix:Alignment of recent sessions list #587
This commit is contained in:
parent
2c2fac6e34
commit
aab44d8cee
2 changed files with 6 additions and 6 deletions
|
|
@ -37,14 +37,13 @@
|
|||
<template v-for="(item, index) in mostRecentListeningSessions">
|
||||
<div :key="item.id" class="w-full py-0.5">
|
||||
<div class="flex items-center mb-1">
|
||||
<p class="text-smtext-white text-opacity-70 w-8">{{ index + 1 }}. </p>
|
||||
<p class="text-sm text-white text-opacity-70 w-8 min-w-8">{{ index + 1 }}. </p>
|
||||
<div class="w-56">
|
||||
<p class="text-smtext-white text-opacity-80 truncate">{{ item.mediaMetadata ? item.mediaMetadata.title : '' }}</p>
|
||||
<p class="text-sm text-white text-opacity-80 truncate">{{ item.mediaMetadata ? item.mediaMetadata.title : '' }}</p>
|
||||
<p class="text-xs text-white text-opacity-50">{{ $dateDistanceFromNow(item.updatedAt) }}</p>
|
||||
</div>
|
||||
<div class="flex-grow" />
|
||||
<div class="w-18 text-right">
|
||||
<p class="text-sm font-bold">{{ $elapsedPretty(item.timeListening) }}</p>
|
||||
<div class="w-16 min-w-16 text-right">
|
||||
<p class="text-xs font-bold">{{ $elapsedPretty(item.timeListening) }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -45,7 +45,8 @@ module.exports = {
|
|||
'4': '1rem',
|
||||
'8': '2rem',
|
||||
'10': '2.5rem',
|
||||
'12': '3rem'
|
||||
'12': '3rem',
|
||||
'16': '4rem'
|
||||
},
|
||||
minHeight: {
|
||||
'12': '3rem'
|
||||
|
|
|
|||
Loading…
Reference in a new issue