refactor(ui): removed n-page-header component in user-agent parser (#663)
This commit is contained in:
		
							parent
							
								
									a757a5155a
								
							
						
					
					
						commit
						cbf58fdd28
					
				| @ -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> |  | ||||||
|               {{ heading }} |  | ||||||
|             </template> |  | ||||||
|             <template v-if="icon" #avatar> |  | ||||||
|             <n-icon size="30" :component="icon" :depth="3" /> |             <n-icon size="30" :component="icon" :depth="3" /> | ||||||
|             </template> |             <span text-lg>{{ heading }}</span> | ||||||
|           </n-page-header> |           </div> | ||||||
| 
 | 
 | ||||||
|           <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"> | ||||||
|  | |||||||
		Loading…
	
		Reference in New Issue
	
	Block a user