self-hosted/it-tools
self-hosted/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools synced 2024-07-01 06:54:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(ui): removed n-page-header component in user-agent parser (#663)

Browse Source
This commit is contained in:
Corentin THOMASSET 2023-10-14 23:01:32 +02:00 committed by GitHub
parent a757a5155a
commit cbf58fdd28
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/tools/user-agent-parser/user-agent-result-cards.vue
View File

@ -14,14 +14,10 @@ const { userAgentInfo, sections } = toRefs(props);
<n-grid :x-gap="12" :y-gap="8" cols="1 s:2" responsive="screen">
<n-gi v-for="{ heading, icon, content } in sections" :key="heading">
<c-card h-full>
<n-page-header>
<template #title>
{{ heading }}
</template>
<template v-if="icon" #avatar>
<n-icon size="30" :component="icon" :depth="3" />
</template>
</n-page-header>
<div flex items-center gap-3>
<n-icon size="30" :component="icon" :depth="3" />
<span text-lg>{{ heading }}</span>
</div>
<div mt-5 flex gap-2>
<span v-for="{ label, getValue } in content" :key="label">