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

fixed Sidebar: Tailwind transitions do not work for all positions #4272

pull/3943/head^2
ATAKAN TEPE 2023-08-15 15:26:49 +03:00
parent f7f87cc9a0
commit d9cfb86f11
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/lib/passthrough/tailwind/index.js
View File

@ -523,7 +523,7 @@ export default {
sidebar: { sidebar: {
root: ({ props }) => ({ root: ({ props }) => ({
class: [ class: [
'flex flex-col pointer-events-auto relative transform translate-x-0 translate-y-0 translate-z-0 relative transition-transform duration-300', 'flex flex-col pointer-events-auto relative transition-transform duration-300',
'bg-white text-gray-700 border-0 shadow-lg', 'bg-white text-gray-700 border-0 shadow-lg',
{ {
'!transition-none !transform-none !w-screen !h-screen !max-h-full !top-0 !left-0': props.position == 'full', '!transition-none !transform-none !w-screen !h-screen !max-h-full !top-0 !left-0': props.position == 'full',
@ -573,7 +573,7 @@ export default {
: props.position === 'right' : props.position === 'right'
? { ? {
enterFromClass: 'translate-x-full translate-y-0 translate-z-0', enterFromClass: 'translate-x-full translate-y-0 translate-z-0',
leaveToClass: 'opacity-0 scale-75 translate-x-full translate-y-0 translate-z-0' leaveToClass: 'translate-x-full translate-y-0 translate-z-0'
} }
: { : {
enterFromClass: 'opacity-0', enterFromClass: 'opacity-0',