Fixed lists in reader selection.

Refs #156
The4thLaw · Mar 18, 2024 · c095751 · c095751
1 parent 9c5d6f7
commit c095751
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/source/demyo-vue-frontend/src/components/ReaderSelection.vue b/source/demyo-vue-frontend/src/components/ReaderSelection.vue
@@ -12,21 +12,21 @@
 					{{ $t('page.Reader.select.explanation.base') }}
 				</p>
 				<v-list>
-					<v-list-item v-for="reader in readers" :key="reader.id" @click="select(reader)">
-						<v-list-item-icon>
+					<v-list-item
+						v-for="reader in readers" :key="reader.id"
+						:title="reader.identifyingName" @click="select(reader)"
+					>
+						<template #prepend>
 							<LetterIcon :letter="reader.identifyingName.charAt(0)" :color="reader.colour" />
-						</v-list-item-icon>
-						<v-list-item-content>
-							{{ reader.identifyingName }}
-						</v-list-item-content>
+						</template>
 					</v-list-item>
 				</v-list>
 			</v-card-text>
 
 			<v-card-actions v-if="!requireSelection">
 				<v-spacer />
 
-				<v-btn color="primary" text @click="dialog = false; $emit('cancel')">
+				<v-btn color="primary" variant="text" @click="dialog = false; $emit('cancel')">
 					{{ $t('quickTasks.confirm.cancel.label') }}
 				</v-btn>
 			</v-card-actions>