diff options
Diffstat (limited to 'src/tools/device-information/device-information.vue')
| -rw-r--r-- | src/tools/device-information/device-information.vue | 28 |
1 files changed, 15 insertions, 13 deletions
diff --git a/src/tools/device-information/device-information.vue b/src/tools/device-information/device-information.vue index d099125..09beced 100644 --- a/src/tools/device-information/device-information.vue +++ b/src/tools/device-information/device-information.vue @@ -1,22 +1,20 @@ <template> - <n-card v-for="{ name, information } in sections" :key="name" :title="name"> + <c-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: { value } } in information" :key="label" class="information"> - <n-card :bordered="false" embedded> - <div class="label"> - {{ label }} - </div> + <div class="label"> + {{ label }} + </div> - <div class="value"> - <n-ellipsis v-if="value"> - {{ value }} - </n-ellipsis> - <div v-else class="undefined-value">unknown</div> - </div> - </n-card> + <div class="value"> + <n-ellipsis v-if="value"> + {{ value }} + </n-ellipsis> + <div v-else class="undefined-value">unknown</div> + </div> </n-gi> </n-grid> - </n-card> + </c-card> </template> <script setup lang="ts"> @@ -81,6 +79,10 @@ const sections = [ <style lang="less" scoped> .information { + padding: 14px 16px; + border-radius: 4px; + background-color: #aaaaaa11; + .label { font-size: 14px; opacity: 0.8; |