fix: authors spacing on cards #95

bayang · Jan 14, 2024 · 9634299 · 9634299
1 parent a02b7c2
commit 9634299
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/src/jelu-ui/src/components/BookCard.vue b/src/jelu-ui/src/components/BookCard.vue
@@ -203,14 +203,18 @@ watch(checked, (newVal, oldVal) => {
         </h2>
       </router-link>
       <div v-if="book.book.authors != null && book.book.authors.length > 0">
-        <router-link
+        <span
           v-for="author in book.book.authors.slice(0,3)"
           :key="author.id"
-          class="link hover:underline hover:decoration-4 hover:decoration-secondary line-clamp-2 inline-block"
-          :to="{ name: 'author-detail', params: { authorId: author.id } }"
         >
-          {{ author.name }}
-        </router-link>
+          <router-link
+            class="link hover:underline hover:decoration-4 hover:decoration-secondary line-clamp-2 inline-block"
+            :to="{ name: 'author-detail', params: { authorId: author.id } }"
+          >
+            {{ author.name }}
+          </router-link>
+          <span>&nbsp;</span>
+        </span>
         <span
           v-if="book.book.authors.length > 3"
           v-tooltip="authorsText"