Fix:Cover aspect ratio for search match,Fix:Dynamic route 404s

This commit is contained in:
advplyr 2021-12-02 19:40:42 -06:00
parent d9997d6892
commit 8225d35022
3 changed files with 10 additions and 3 deletions

View file

@ -1,7 +1,7 @@
<template>
<div class="w-full border-b border-gray-700 pb-2">
<div class="flex py-1 hover:bg-gray-300 hover:bg-opacity-10 cursor-pointer" @click="selectMatch">
<img :src="selectedCover || '/book_placeholder.jpg'" class="h-24 object-cover" style="width: 60px" />
<img :src="selectedCover || '/book_placeholder.jpg'" class="h-24 object-cover" :style="{ width: 96 / bookCoverAspectRatio + 'px' }" />
<div class="px-4 flex-grow">
<div class="flex items-center">
<h1>{{ book.title }}</h1>
@ -30,7 +30,8 @@ export default {
book: {
type: Object,
default: () => {}
}
},
bookCoverAspectRatio: Number
},
data() {
return {