chore: display value and unit of types in the tag directly

acdh-oeaw · Oct 10, 2024 · 7a6c035 · 7a6c035
1 parent 43f010d
commit 7a6c035
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/components/types-popover.vue b/components/types-popover.vue
@@ -36,6 +36,9 @@ const currentMode = computed(() => {
 			<Button variant="outline" class="max-w-48">
 				<span class="overflow-hidden text-ellipsis">
 					{{ type.label }}
+					<span v-if="type.value && type.unit" class="ml-1 text-muted-foreground">
+						{{ type.value }} <span> {{ type.unit }}</span>
+					</span>
 					<span class="sr-only">{{ t("Global.ShowMore") }}</span>
 				</span>
 			</Button>
@@ -133,10 +136,6 @@ const currentMode = computed(() => {
 				</BreadcrumbList>
 			</Breadcrumb>
 			<p>{{ type.descriptions }}</p>
-
-			<p v-if="type.value && type.unit" class="mt-2">
-				{{ type.value }} <span class="text-muted-foreground"> {{ type.unit }}</span>
-			</p>
 		</PopoverContent>
 	</Popover>
 </template>