forked from mirrors/homebox
2e82398e5c
* implement password score UI and functions * update strings tests to use `test`instead of `it` * update typing * refactor login/register UI+Logic * fix width on switches to properly display * fetch and store self in store * (WIP) unify card styles * update labels page * bump nuxt * use form area * use text area for description * unify confirm API * unify UI around pages * change header background height
32 lines
955 B
Vue
32 lines
955 B
Vue
<template>
|
|
<div class="border-t border-gray-300 px-4 py-5 sm:p-0">
|
|
<dl class="sm:divide-y sm:divide-gray-300">
|
|
<div v-for="(detail, i) in details" :key="i" class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
|
|
<dt class="text-sm font-medium text-gray-500">
|
|
{{ detail.name }}
|
|
</dt>
|
|
<dd class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0">
|
|
<slot :name="detail.slot || detail.name" v-bind="{ detail }">
|
|
<template v-if="detail.type == 'date'">
|
|
<DateTime :date="detail.text" />
|
|
</template>
|
|
<template v-else>
|
|
{{ detail.text }}
|
|
</template>
|
|
</slot>
|
|
</dd>
|
|
</div>
|
|
</dl>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { DateDetail, Detail } from "./types";
|
|
|
|
defineProps({
|
|
details: {
|
|
type: Object as () => (Detail | DateDetail)[],
|
|
required: true,
|
|
},
|
|
});
|
|
</script>
|