Fix: List view overflowing titles #149

This commit is contained in:
advplyr 2021-10-31 15:31:03 -05:00
parent e073577574
commit bf9cb5ddec
2 changed files with 46 additions and 3 deletions

View file

@ -8,11 +8,13 @@
</div>
</td>
<td class="body-cell min-w-6 max-w-6">
<cards-book-cover :width="24" :audiobook="book" />
<cards-hover-book-cover :audiobook="book" />
</td>
<td class="body-cell min-w-64 max-w-64 px-2">
<nuxt-link :to="`/audiobook/${book.id}`" class="truncate hover:underline">
{{ book.book.title }}<span v-if="book.book.subtitle">: {{ book.book.subtitle }}</span>
<nuxt-link :to="`/audiobook/${book.id}`" class="hover:underline">
<p class="truncate">
{{ book.book.title }}<span v-if="book.book.subtitle">: {{ book.book.subtitle }}</span>
</p>
</nuxt-link>
</td>
<td class="body-cell min-w-48 max-w-48 px-2">