mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-05-08 15:15:02 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

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

Browse source
This commit is contained in:
Corentin Thomasset 2023-10-14 18:42:54 +02:00
parent a757a5155a
commit 8705bfda39
No known key found for this signature in database
GPG key ID: DBD997E935996158
1 changed files with 4 additions and 8 deletions
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-grid :x-gap="12" :y-gap="8" cols="1 s:2" responsive="screen">
<n-gi v-for="{ heading, icon, content } in sections" :key="heading"> <n-gi v-for="{ heading, icon, content } in sections" :key="heading">
<c-card h-full> <c-card h-full>
<n-page-header> <div flex items-center gap-3>
<template #title> <n-icon size="30" :component="icon" :depth="3" />
{{ heading }} <span text-lg>{{ heading }}</span>
</template> </div>
<template v-if="icon" #avatar>
<n-icon size="30" :component="icon" :depth="3" />
</template>
</n-page-header>
<div mt-5 flex gap-2> <div mt-5 flex gap-2>
<span v-for="{ label, getValue } in content" :key="label"> <span v-for="{ label, getValue } in content" :key="label">