Fixed lists in Album index.

Refs #156
The4thLaw · Mar 18, 2024 · f67471d · f67471d
1 parent d95e27e
commit f67471d
Showing 1 changed file with 12 additions and 17 deletions.
diff --git a/source/demyo-vue-frontend/src/components/MetaSeriesCard.vue b/source/demyo-vue-frontend/src/components/MetaSeriesCard.vue
@@ -7,14 +7,10 @@
 			>
 				{{ meta.album.title }}
 			</router-link>
-			<v-list dense>
-				<v-list-item :to="cardLink" class="c-MetaSeriesCard__one-shot">
-					<v-list-item-content>
-						<v-list-item-title>
-							{{ $t('field.Album.oneShot.view') }}
-						</v-list-item-title>
-					</v-list-item-content>
-				</v-list-item>
+			<v-list density="compact">
+				<v-list-item
+					:to="cardLink" class="c-MetaSeriesCard__one-shot" :title="$t('field.Album.oneShot.view')"
+				/>
 			</v-list>
 		</template>
 		<template v-if="meta.series">
@@ -24,15 +20,14 @@
 			>
 				{{ meta.series.identifyingName }}
 			</router-link>
-			<v-list dense>
-				<v-list-item v-for="album in paginatedItems" :key="album.id" :to="`/albums/${album.id}/view`">
-					<v-list-item-content>
-						<v-list-item-title :title="album.title">
-							{{ album.title }}
-						</v-list-item-title>
-					</v-list-item-content>
+			<v-list density="compact">
+				<v-list-item
+					v-for="album in paginatedItems" :key="album.id"
+					:to="`/albums/${album.id}/view`" :title="album.title"
+				>
+					<!-- TODO: Vue 3: Test this -->
 					<v-list-item-action v-if="album.wishlist">
-						<v-icon color="grey lighten-1" small>
+						<v-icon color="grey-lighten-1" size="small">
 							mdi-gift
 						</v-icon>
 					</v-list-item-action>
@@ -100,7 +95,7 @@ export default {
 </script>
 
 <style lang="less">
-@import "../styles/detached-rulesets.less";
+@import url("../styles/detached-rulesets.less");
 
 .v-application .c-MetaSeriesCard .v-list-item--link:hover {
 	text-decoration: none;