20 lines
634 B
Vue
20 lines
634 B
Vue
<template>
|
|
<div style="display: flex; justify-content: space-between; align-items: baseline; padding: 8px 0; border-bottom: 1px solid #e5e7eb;">
|
|
<span style="font-size: 13px; color: #6b7280; flex-shrink: 0; margin-right: 16px;">{{ label }}</span>
|
|
<span
|
|
style="font-size: 13px; font-weight: 500; text-align: right; word-break: break-all;"
|
|
:style="highlight ? { color: '#111827', fontFamily: 'monospace', fontSize: '12px' } : { color: '#111827' }"
|
|
>
|
|
{{ value }}
|
|
</span>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineProps<{
|
|
label: string
|
|
value: string
|
|
highlight?: boolean
|
|
}>()
|
|
</script>
|