19 lines
587 B
Vue
19 lines
587 B
Vue
<template>
|
|
<dl v-if="rows.length" class="mt-2 grid grid-cols-[7.25rem_minmax(0,1fr)] gap-x-3 gap-y-1 text-[11px] leading-snug">
|
|
<template v-for="row in rows" :key="row.label">
|
|
<dt class="text-zinc-500">{{ row.label }}</dt>
|
|
<dd class="min-w-0 whitespace-pre-wrap break-words text-zinc-300">{{ row.value }}</dd>
|
|
</template>
|
|
</dl>
|
|
<p v-else class="mt-2 text-[11px] text-zinc-600">{{ empty }}</p>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { SettingsRow } from '~/utils/libraryGeneration'
|
|
|
|
defineProps<{
|
|
rows: SettingsRow[]
|
|
empty?: string
|
|
}>()
|
|
</script>
|