starred/audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2026-08-27 13:54:01 +02:00
Code Issues 454 Packages Projects Releases 10 Wiki Activity

Fix:Alignment of recent sessions list #587

Browse Source
This commit is contained in:
advplyr
2023-02-17 16:51:11 -06:00
parent 2c2fac6e34
commit aab44d8cee
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/stats.vue
+4 -5
View File
@@ -37,14 +37,13 @@
<template v-for="(item, index) in mostRecentListeningSessions"> <template v-for="(item, index) in mostRecentListeningSessions">
<div :key="item.id" class="w-full py-0.5"> <div :key="item.id" class="w-full py-0.5">
<div class="flex items-center mb-1"> <div class="flex items-center mb-1">
<p class="text-smtext-white text-opacity-70 w-8">{{ index + 1 }}.&nbsp;</p> <p class="text-sm text-white text-opacity-70 w-8 min-w-8">{{ index + 1 }}.&nbsp;</p>
<div class="w-56"> <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> <p class="text-xs text-white text-opacity-50">{{ $dateDistanceFromNow(item.updatedAt) }}</p>
</div> </div>
<div class="flex-grow" /> <div class="w-16 min-w-16 text-right">
<div class="w-18 text-right"> <p class="text-xs font-bold">{{ $elapsedPretty(item.timeListening) }}</p>
<p class="text-sm font-bold">{{ $elapsedPretty(item.timeListening) }}</p>
</div> </div>
</div> </div>
</div> </div>
tailwind.config.js
+2 -1
View File
@@ -45,7 +45,8 @@ module.exports = {
'4': '1rem', '4': '1rem',
'8': '2rem', '8': '2rem',
'10': '2.5rem', '10': '2.5rem',
'12': '3rem' '12': '3rem',
'16': '4rem'
}, },
minHeight: { minHeight: {
'12': '3rem' '12': '3rem'