vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Megamenu Template Section Visual Issue [fixed #6410]

pull/6416/head
Atakan 2024-09-16 17:40:05 +03:00
parent 55e8e09169
commit ad6461b26a
1 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
apps/showcase/doc/megamenu/TemplateDoc.vue
View File

@ -19,9 +19,8 @@
</svg> </svg>
</template> </template>
<template #item="{ item }"> <template #item="{ item }">
<a v-if="item.root" v-ripple class="flex items-center cursor-pointer px-4 py-2 overflow-hidden relative font-semibold text-lg uppercase" style="border-radius: 2rem"> <a v-if="item.root" class="flex items-center cursor-pointer px-4 py-2 overflow-hidden relative font-semibold text-lg uppercase" style="border-radius: 2rem">
<span :class="item.icon" /> <span>{{ item.label }}</span>
<span class="ml-2">{{ item.label }}</span>
</a> </a>
<a v-else-if="!item.image" class="flex items-center p-4 cursor-pointer mb-2 gap-3"> <a v-else-if="!item.image" class="flex items-center p-4 cursor-pointer mb-2 gap-3">
<span class="inline-flex items-center justify-center rounded-full bg-primary text-primary-contrast w-12 h-12"> <span class="inline-flex items-center justify-center rounded-full bg-primary text-primary-contrast w-12 h-12">
@ -108,9 +107,8 @@ export default {
</svg> </svg>
</template> </template>
<template #item="{ item }"> <template #item="{ item }">
<a v-if="item.root" v-ripple class="flex items-center cursor-pointer px-4 py-2 overflow-hidden relative font-semibold text-lg uppercase" style="border-radius: 2rem"> <a v-if="item.root" class="flex items-center cursor-pointer px-4 py-2 overflow-hidden relative font-semibold text-lg uppercase" style="border-radius: 2rem">
<span :class="item.icon" /> <span>{{ item.label }}</span>
<span class="ml-2">{{ item.label }}</span>
</a> </a>
<a v-else-if="!item.image" class="flex items-center p-4 cursor-pointer mb-2 gap-3"> <a v-else-if="!item.image" class="flex items-center p-4 cursor-pointer mb-2 gap-3">
<span class="inline-flex items-center justify-center rounded-full bg-primary text-primary-contrast w-12 h-12"> <span class="inline-flex items-center justify-center rounded-full bg-primary text-primary-contrast w-12 h-12">
@ -149,9 +147,8 @@ export default {
</svg> </svg>
</template> </template>
<template #item="{ item }"> <template #item="{ item }">
<a v-if="item.root" v-ripple class="flex items-center cursor-pointer px-4 py-2 overflow-hidden relative font-semibold text-lg uppercase" style="border-radius: 2rem"> <a v-if="item.root" class="flex items-center cursor-pointer px-4 py-2 overflow-hidden relative font-semibold text-lg uppercase" style="border-radius: 2rem">
<span :class="item.icon" /> <span>{{ item.label }}</span>
<span class="ml-2">{{ item.label }}</span>
</a> </a>
<a v-else-if="!item.image" class="flex items-center p-4 cursor-pointer mb-2 gap-3"> <a v-else-if="!item.image" class="flex items-center p-4 cursor-pointer mb-2 gap-3">
<span class="inline-flex items-center justify-center rounded-full bg-primary text-primary-contrast w-12 h-12"> <span class="inline-flex items-center justify-center rounded-full bg-primary text-primary-contrast w-12 h-12">
@ -249,9 +246,8 @@ export default {
</svg> </svg>
</template> </template>
<template #item="{ item }"> <template #item="{ item }">
<a v-if="item.root" v-ripple class="flex items-center cursor-pointer px-4 py-2 overflow-hidden relative font-semibold text-lg uppercase" style="border-radius: 2rem"> <a v-if="item.root" class="flex items-center cursor-pointer px-4 py-2 overflow-hidden relative font-semibold text-lg uppercase" style="border-radius: 2rem">
<span :class="item.icon" /> <span>{{ item.label }}</span>
<span class="ml-2">{{ item.label }}</span>
</a> </a>
<a v-else-if="!item.image" class="flex items-center p-4 cursor-pointer mb-2 gap-3"> <a v-else-if="!item.image" class="flex items-center p-4 cursor-pointer mb-2 gap-3">
<span class="inline-flex items-center justify-center rounded-full bg-primary text-primary-contrast w-12 h-12"> <span class="inline-flex items-center justify-center rounded-full bg-primary text-primary-contrast w-12 h-12">