diff options
| -rw-r--r-- | src/tools/device-information/device-information.vue | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/src/tools/device-information/device-information.vue b/src/tools/device-information/device-information.vue index 4ae939d..d099125 100644 --- a/src/tools/device-information/device-information.vue +++ b/src/tools/device-information/device-information.vue @@ -1,16 +1,17 @@ <template> <n-card v-for="{ name, information } in sections" :key="name" :title="name"> <n-grid cols="1 400:2" x-gap="12" y-gap="12"> - <n-gi v-for="{ label, value } in information" :key="label" class="information"> + <n-gi v-for="{ label, value: { value } } in information" :key="label" class="information"> <n-card :bordered="false" embedded> <div class="label"> {{ label }} </div> <div class="value"> - <n-ellipsis> - {{ value.value }} + <n-ellipsis v-if="value"> + {{ value }} </n-ellipsis> + <div v-else class="undefined-value">unknown</div> </div> </n-card> </n-gi> @@ -90,5 +91,9 @@ const sections = [ font-size: 20px; font-weight: 400; } + + .undefined-value { + opacity: 0.8; + } } </style> |