mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-09 17:02:38 +00:00
fixed Sidebar: Tailwind transitions do not work for all positions #4272
This commit is contained in:
parent
f7f87cc9a0
commit
d9cfb86f11
1 changed files with 2 additions and 2 deletions
|
@ -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',
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue