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

Use TW animations via our plugin

pull/5806/head
Cagatay Civici 2024-05-20 14:27:12 +03:00
parent c5c6db1fe1
commit 89e378574a
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/AppConfigurator.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="config-panel px-hidden"> <div class="config-panel hidden">
<div class="config-panel-content"> <div class="config-panel-content">
<div class="config-panel-colors"> <div class="config-panel-colors">
<span class="config-panel-label">Primary</span> <span class="config-panel-label">Primary</span>

2
layouts/AppMenuItem.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<li v-for="(menuitem, index) in menu" :key="`_root${index}`"> <li v-for="(menuitem, index) in menu" :key="`_root${index}`">
<button v-if="menuitem.children && root" v-styleclass="{ selector: '@next', enterClass: 'hidden', enterActiveClass: 'px-slidedown', leaveToClass: 'hidden', leaveActiveClass: 'px-slideup' }" type="button"> <button v-if="menuitem.children && root" v-styleclass="{ selector: '@next', enterClass: 'hidden', enterActiveClass: 'animate-slidedown', leaveToClass: 'hidden', leaveActiveClass: 'animate-slideup' }" type="button">
<span class="menu-icon"> <span class="menu-icon">
<i :class="menuitem.icon"></i> <i :class="menuitem.icon"></i>
</span> </span>

6
layouts/AppTopBar.vue
View File

@ -86,7 +86,7 @@
</li> </li>
<li> <li>
<button <button
v-styleclass="{ selector: '@next', enterClass: 'px-hidden', enterActiveClass: 'px-scalein', leaveToClass: 'px-hidden', leaveActiveClass: 'px-fadeout', hideOnOutsideClick: true }" v-styleclass="{ selector: '@next', enterClass: 'hidden', enterActiveClass: 'animate-scalein', leaveToClass: 'hidden', leaveActiveClass: 'animate-fadeout', hideOnOutsideClick: true }"
type="button" type="button"
class="topbar-item config-item" class="topbar-item config-item"
> >
@ -96,7 +96,7 @@
</li> </li>
<li> <li>
<button <button
v-styleclass="{ selector: '@next', enterClass: 'px-hidden', enterActiveClass: 'px-scalein', leaveToClass: 'px-hidden', leaveActiveClass: 'px-fadeout', hideOnOutsideClick: true }" v-styleclass="{ selector: '@next', enterClass: 'hidden', enterActiveClass: 'animate-scalein', leaveToClass: 'hidden', leaveActiveClass: 'animate-fadeout', hideOnOutsideClick: true }"
type="button" type="button"
style="max-width: 8rem" style="max-width: 8rem"
class="topbar-item version-item" class="topbar-item version-item"
@ -105,7 +105,7 @@
<span class="version-icon pi pi-angle-down"></span> <span class="version-icon pi pi-angle-down"></span>
</button> </button>
<div class="versions-panel px-hidden"> <div class="versions-panel hidden">
<ul> <ul>
<li v-for="version in versions" :key="version.version" role="none"> <li v-for="version in versions" :key="version.version" role="none">
<a :href="version.url"> <a :href="version.url">